个人对echarts的理解就是,这是一个做图表的插件!当然功能很强大,可以做很多类型的图,折线图,饼图,条形图,3D
图,可以做成动态的,交互响应的。特点:界面很美观,容易上手吧!
基本的表:
1.首先是在html或者jsp页面下写,引入echart的js文件!
2.定义一个表格容器,设置基本的大小,页面的位置,设置好id
3.根据id获取容器,执行echart.init(容器),初始化
4.设置选项option{最基本的:标题,X轴,Y轴,数据,图表种类}
5.调用option,绘制图表。
****最关键的一点就是option的设置 官方选项 https://www.echartsjs.com/option.html#title
常用:
表格标题: title: { text: 'ECharts'},
提示框: tooltip: {},
图例: legend: { data: ['销量'] },
X轴: xAxis: { data: ["衬衫", "羊毛衫", "雪纺衫"] }, 横坐标
Y轴: yAxis: { 空值时根据series的数据自己设置 },
工具栏: toolibox{} 有导出图片,数据视图,动态类型切换,数据区域缩放,重置五个工具。
系列列表: series: [{
name: '销量',
type: 'bar', 类型图
data: [9, 32, 36, 10, 10, 20] 真实数据,对应x轴
}]
};