ECharts-概貌

option = {

backgroundColor: {//背景颜色

//样式
　　　　type: 'radial',
　　　　x: 0.3,
　　　　y: 0.3,
　　　　r: 0.8,
colorStops: [
　　　　{
　　　　offset: 0,
　　　　color: '#f7f8fa'
　　　　},
　　　　{
　　　　offset: 1,
　　　　color: '#cdd0d5'
　　　　}
　　　　]
},
grid: {//栅栏布局
　　　　left: 20,
　　　　containLabel: true,
　　　　bottom: 20,
　　　　top: 10,
　　　　right: 30
},

legend: {//图例},

tooltip: {事件},

dataset: {

/////数据集
    // 提供一份数据。
    source: [
      ['product', '2015', '2016', '2017'],
      ['Matcha Latte', 43.3, 85.8, 93.7],
      ['Milk Tea', 83.1, 73.4, 55.1],
      ['Cheese Cocoa', 86.4, 65.2, 82.5],
      ['Walnut Brownie', 72.4, 53.9, 39.1]
    ],
    {
      // 这个 dataset 的 index 是 `3`。
      transform: {// transform 进行数据转换
        type: 'filter',
        config: { dimension: 'Year', value: 2013 }
      }
    }
  },
  // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。

xAxis: { type: 'category' },
  // 声明一个 Y 轴，数值轴。

yAxis: {

　　　　splitLine: {//拼合线

　　　　show: false
},
scale: true

},
  // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
series: [//数据的视觉映射
{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }
]

itemStyle: {//图形样式
　　　　shadowBlur: 10,
　　　　shadowColor: 'rgba(144, 36, 50, 0.5)',
　　　　shadowOffsetY: 5,
　　　　color: {
　　　　type: 'radial',
　　　　x: 0.4,
　　　　y: 0.3,
　　　　r: 1,
　　　　colorStops: [
　　　　{
　　　　offset: 0,
　　　　color: 'rgb(251, 118, 123)'
　　　　},
　　　　{
　　　　offset: 1,
　　　　color: 'rgb(204, 46, 72)'
　　　　}
　　　　]
}

};

 

标签：bar,概貌,0.3,dataset,color,offset,type,ECharts
来源： https://www.cnblogs.com/origin-zy/p/16497624.html