echarts的基本使用方法

首先需要引入echarts.js

需要在html中建立一个有宽高的标签如：

<div id="chartName" style="width: 900px;height:280px;"></div>

 在js中获取dom

var chartName= echarts.init(document.getElementById('chartName'));

 

 设置图表格式

var option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
    }]
};

 

在html中渲染

chartName.setOption(option);