echarts x 起始_Echarts使用总结

ECharts.js 百度出品的一个开源 Javascript 数据可视化库官网​echarts.apache.org

使用步骤：

所需文件： graph.jinja2 graph.js graph.css echart.min.js

1.引入echarts 插件文件放到 echart.min.js

2.准备一个具备大小的DOM容器,在graph.jinja2初始化一个div, 并指定id，pie_chart_div， bar_chart_div

3.初始化echarts实例对象

var myChart1 = echarts.init(document.getElementById('pie_chart_div')

var myChart2 = echarts.init(document.getElementById('bar_chart_div'));

);

4.指定配置项和数据(option)

option = {

tooltip: {

trigger: 'item',

formatter: '{a}
{b}: {c} ({d}%)'

},

legend: {

orient: 'vertical',

left: 10,

data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']

},

series: [

{