ECharts柱状图 实现柱条渐变色

 实例代码如下：

option = {
  xAxis: [
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    }
  ],
  yAxis: [
    {
      type: 'value'
    }
  ],
  series: [
    {
      name: 'Direct',
      type: 'bar',
      data: [10, 52, 200, 334, 390, 330, 220],
      itemStyle: {
  			normal: {
  			  // 柱状图上方显示的文字
  			  label: {
                formatter: "{c}"+"%",
                show: true,
                position: "top",
                textStyle: {
                  fontWeight: "bolder",
                  fontSize: "14",
                  color: "#f35838"
                }
            },
            // 柱状图渐变色
  			color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
  					offset: 0,
  					color: "#f35838" // 0% 处的颜色
  			},  {
  					offset: 1,
  					color: "#ffba1a" // 100% 处的颜色
  			}], false)
  		}
  	},
    }
  ]
};

formatter: '{c}' 怎么来的?
变量a、b、c是echarts自带的
a、b、c在不同图表类型下代表数据含义为：

• 折线（区域）图、柱状（条形）图: a（系列名称），b（类目值），c（数值）, d（无）
• 散点图（气泡）图 : a（系列名称），b（数据名称），c（数值数组）, d（无）
• 饼图、雷达图 : a（系列名称），b（数据项名称），c（数值）, d（百分比）
• 弦图 : a（系列名称），b（项1名称），c（项1-项2值），d（项2名称)， e(项2-项1值)
• 力导向图 : 节点 : a（类目名称），b（节点名称），c（节点值）  边 : a（系列名称），b（源名称-目标名称），c（边权重）， d（如果为true的话则数据来源是边）

{Function}，传递参数列表如下：
<Array> params : 数组内容同模板变量，[[a, b, c, d], [a1, b1, c1, d1], ...]
<String> ticket : 异步回调标识
<Function> callback : 异步回调，回调时需要两个参数，第一个为前面提到的ticket，第二个为填充内容html