echarts示例:https://echarts.apache.org/examples/zh/index.html#chart-type-bar
这一节,主要讲解关于echarts的基本理解:
echarts的基本结构如下:
var chartDom = document.getElementById('id');
var myChart = echarts.init(chartDom);//初始化dom元素
var option;
option = {
legend: {//legend表示图例
left:0,//这里是图例的样式,同样有right top bottom
data: [],//这里表示图例的名称
selected:{}//这里表示初始化时所要展示出来的图例
},
xAxis: {},//这里表示横坐标
yAxis: {},//这里表示纵坐标
series: [{//这里表示图像数据
name:"name",//单个图像名称
symbolSize: 2,//点大小
data: data,//数据
type: 'type'//图像类型
}]
};
option && myChart.setOption(option);//最后执行操作
其主要功能正如上所示,下面几节将详细讲述几种具体的图像。