咨询电话:
15628812133
31
2019/10

echarts.js的应用及使用方法

发布时间:2019-10-31 16:21:23
发布者:等等
浏览量:
0

下午好,这是山东文汇信息服务官网,由于最近参与的项目,接触、熟悉了一款数据可视化工具,就是一款纯Javascript的图表库。

Echarts--商业级数据图表

商业级数据图表,它是一个纯JavaScript的图标库,兼容绝大部分的浏览器,底层依赖轻量级的canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

echarts的优点:
1.国人开发,文档全,便于开发和阅读文档。

山东济南文汇app开发,系统开发,微信小程序开发.png

2.图表丰富,可以适用各种各样的功能。
echarts的缺点:
没有,或者说没发现......

echarts不失为一款比较适合我们这种码农使用的框架。
echarts就不贴代码了。因为是中国朋友开发的,所以文档很全。

 

济南app开发公司提醒您使用方法如下:

1、引入 ECharts 文件

 

为 ECharts 准备一个具备大小(宽高)的 DOM元素

 

  在script里面设置

 
    // 基于准备好的dom,初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
 
    中间放 指定图表的配置项和数据
    也就是拷贝过来的js代码,就可以啦
     
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option); 
    设置完毕之后,就是这样的。

设置完毕之后,就是这样的。

山东济南文汇app开发,系统开发,微信小程序开发.png

山东济南文汇app开发,系统开发,微信小程序开发.png

另外补充,echarts.js的作者是林峰,百度商业前端通用技术组,数据可视化方向负责人,资深前端研发工程师。喜欢设计,热爱编程,ZRender,ECharts 作者,目前专注于数据可视化方面的研究工作。

分享结束,谢谢观看山东文汇信息服务官网,下周见

返回列表
相关文章
相关案例