首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

12个最好的 JavaScript 图形绘制库

ChartJS Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。...是一个制作图表的纯 Javascript 类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括 iPhone、IE 和火狐等等;对个人用户完全免 费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图...、区域图、区域曲线图、柱状图、饼装图、散布图;跨语言:不管是 PHP、Asp.net 还是 Java 都可以使用。...提供商业产品常用图表库,底层基于ZRender,创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、和弦图以及力导向布局图

8K50

推荐12个最好的 JavaScript 图形绘制库

Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。...是一个制作图表的纯 Javascript 类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括 iPhone、IE 和火狐等等;对个人用户完全免 费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图...、区域图、区域曲线图、柱状图、饼装图、散布图;跨语言:不管是 PHP、Asp.net 还是 Java 都可以使用。...提供商业产品常用图表库,底层基于ZRender,创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、和弦图以及力导向布局图

7.3K30

Chartist 图例开发入门-文档

首先要明确响应式图例的含义,它不需要设置固定的宽度或者高度,而是通过按比例缩放的形式动态适应一些常见显示区域的比例,如4:3、3:2、16:9等 备注:关于图例的比例 设计人员理解的比例和开发人员理解的比例存在一定的差异...new Chartist.Line('.ct-chart', data, options); image.png ③ 单页面多图例 如果需要在一个页面中创建多个图例进行展示...Chartist图例提供了非常灵活的配置,几乎可以配置图例中展示的任何数据;它提供的默认的配置(参考官方API)中也提供了大量的预定义的配置信息供开发人员使用,实际应用时可以通过Chartist实例的配置选项覆盖默认配置...添加配置的折线图例 <!...Chartist提供了一种事件驱动的动态图例方式,允许开发人员通过draw事件直接操作图例中的任意数据和样式,我们通过一个案例观察如何通过数据动态设置图例 <!

4K20
领券