ehcart是百度做的数据图表,基于原生js。接口和配置都写的很好很易读,还可以用于商用。
下面正题
用原生js的话,引入echarts.js
无论是图表的样式设置,图表渲染,数据填充都是基于echart对象的option的,官网给出使用方法:
var dom = document.getElementById('intro-chart');
var chart = echarts.init(dom);
chart.setOption({
backgroundColor: '#08263a',
title: {
text: 'ECharts Example',
textStyle: {
color: '#b1cfa5',
fontSize: 18
},
left: 'center',
top: 25
},
xAxis: {
show: false,
data: ...
},
...
series: [{
type: 'bar',
data: ...,
itemStyle: {
normal: {
barBorderRadius: 5,
shadowBlur: 10,
shadowColor: '#111'
}
},</