echarts圆柱形柱状图 源码_Echarts---柱状图实现

做Echarts很简单，可以参看官网

作为程序员我们只需要把静态数据替换成我们自己需要的！

下面看一个自己做的例子：

还是先看看效果图：

该图的右上角有一个toobar，其中有直接将柱状图改为折线图，还有数据视图，保存为图片。

看着很高大上，其实代码很简单！

做之前必须要有echarts.js这个组件。

先说说界面：

eight

// 基于准备好的dom，初始化echarts实例

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

// 指定图表的配置项和数据

var option = {

title: {

text: '近一月留痕情况(截止昨日)',

left: 'center',

top: 20

},

color: ['#3398DB'],

tooltip : {

},

toolbox: {

show : true,

feature : {

dataView : {show: true, readOnly: false},

magicType : {show: true, type: ['line', 'bar']},

restore : {show: tr