echarts实现2d柱状

echarts实现2d柱状

又接到一个展示数据的活，看了下就是些柱状图，按照UI的要求绘制了一个简单的Demo

第一次用echarts绘制统计图，记录下

把图表展现出来：

var myChart = echarts.ElementById('bar'));

ar option = {

backgroundColor: '#0f375f',

series: [{

name: 'bar',

type: 'bar',

barWidth: 20

}],

data:['1','2']

}

myChart.setOption(option);

按照要求，柱状是要有圆角的：

series: [{

name:'bar',

type:'bar',

barWidth:20,

itemStyle: {

normal: {

barBorderRadius:5},

data: barData

}]

每个柱子上面是有数字显示的，而且数字是有千分位符号的：

series: [{

name: 'bar',

type: 'bar',

barWidth: 20,

label: {

normal: {