echarts.js的应用及使用方法

下午好,这是北京赛车网投平台官网北京赛车网投平台,由于最近参与的项目,接触、熟悉了一款数据可视化工具,就是一款纯Javascript的图表库。

Echarts--商业级数据图表

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

echarts的优点:
北京赛车网投平台1.国人开发,文档全,便于开发和阅读文档。

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

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

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

 

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

1、引入 ECharts 文件

 <script src="echarts.min.js"></script>

北京赛车网投平台为 ECharts 准备一个具备大小(宽高)的 DOM元素

 <div id="main" style="width: 600px;height:600px;"></div>

北京赛车网投平台  在script里面设置

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

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

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

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

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

分享结束,谢谢观看北京赛车网投平台官网,下周见

关键词:
返回列表

相关文章

相关案例