ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

ECharts使用总结归纳

2019-05-10 17:48:04  阅读:267  来源: 互联网

标签:总结 ECharts 归纳 js 获取数据 html com echarts


UserNAME:你为什么写这篇文章?

My:最近项目中有统计报表的需求,使用了ECharts,“度娘”过程中东查西找太麻烦,自己写一篇加深印象,方便以后查阅。

辅助文档------>ttps://echarts.baidu.com/option.html#title     (里面有各种教程、配置项)

1.引用文件   https://www.echartsjs.com/download.html(我自己用的v4.2.1,我用到柱形、饼图、折线图,所有只用了 echartsmain.css、echarts.min.js、jquery.min.js这三个文件,看个人需求)

 

2. 为 ECharts 准备一个具备大小(宽高)的 DOM 并实现js代码

注意:由于var myChart1 = echarts.init(document.getElementById('main1'));里的echarts.init()是JS的方法,所以不能使用jQuery的元素选择器

通过ajax调用获取数据

 

 

补充:折现图(获取数据方法大同小异)

 

 

具体配置参数可参考 https://echarts.baidu.com/option.html#title

以下是最重要的!!!!!柱形和饼图配置好后 画在div上

 

 

标签:总结,ECharts,归纳,js,获取数据,html,com,echarts
来源: https://www.cnblogs.com/liangweitao/p/10845761.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有