百度echart使用心得,百度图表。
前一段时间公司做了舆情相关的软件,舆情用到了大量的图表,相当大的数据交互。当时没有整理下来,昨天有一次用到这些东西,所以准备记录下来,方便以后使用。 百度echart算是百度针对数据展示做的一个图表插件吧,一般我们使用都不是问题,主要还是对于对动态数据的解析。我这里使用饼状图,和柱状图为例: 首先,我们需要定义一个绘图的容器:(class是我自己定义的,这个容器用一个div就可以) <div class="fm_box pd-10 border-grey" id="shanxing" style="height: 500px;"></div> <div class="fm_box pd-10 border-grey" id="zhuzhuang" style="height: 500px;"></div> 然后需要引入我们的echart.min.js. 准备工作做好后,下面就是我们初始化图表的时候了。 首先我们需要定义两个mychart分别作为我们的扇形图和柱状图 var myChart = echarts.init(document.getElementById('shanxing')); var myChart2 = echarts.init(document.getElementById('zhuzhuang')); 然后分别定义option:就是数据格式的写入: