Echarts的中文教程

Posted 2020-10-21 misterhe

实例教程

//1）首先引入echarts.js文件

<script type="text/javascript" src="js/echarts.min.js"></script>

//2）创建图表容器

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

//3）指定图标的配置和数据

var option = {
    title:{
        text:"Echarts 数据统计",
    },
    tooltip:{},
    legend:{
        data:[‘用户‘]
    },
    xAxis:{
        data:["Android","IOS","PC","Ohter"]
    },
    yAxis:{},
    series:[{
        name:‘访问量‘,
        type:‘line‘,
        data:[500,200,360,100]
    }]
};

 

//4）初始化Echarts实例

var myChart = echarts.init(document.getElementById(‘chartmain‘));

//5）使用定制的配置和数据显示图表

myChart.setOption(option);

Echarts中文参考手册

http://echarts.baidu.com/echarts2/doc/doc.html

Echarts配置项查找工具

http://echarts.baidu.com/echarts2/doc/option.html#title~