Echarts在线免费图表

 
            const itemBarStyle = {
   barWidth: 30,
   barGap: 0.1,
   itemStyle: {
      normal: {
         barBorderRadius: [40, 40, 0, 0]
      }
   }
}
option = {
   tooltip: {
      trigger: 'axis',
      axisPointer: {
         type: 'shadow'
      }
   },
   legend: {},
   grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
   },
   backgroundColor: '#fff',
   yAxis: [
      {
         type: 'value',
         boundaryGap: [0, 0.01]
      },
      {
         type: 'value',
         boundaryGap: [0, 0.01]
      }
   ],
   color: ['#96d639', '#4bcdea'],
   xAxis: [
      {
         type: 'category',
         data: ['需要绑定右侧y的', 'Indonesia', 'USA', 'India', '需要绑定右侧y的']
      },
      {
         type: 'category',
         show: false,
         data: ['需要绑定右侧y的', 'Indonesia', 'USA', 'India', '需要绑定右侧y的']
      }
   ],
   series: [
      {
         name: '2011',
         type: 'bar',
         yAxisIndex: 1,
         xAxisIndex: 1,
         ...itemBarStyle,
         data: [18203, 0, 0, 0, 5000]
      },
      {
         name: '2012',
         type: 'bar',
         yAxisIndex: 1,
         xAxisIndex: 1,
         ...itemBarStyle,
         data: [19325, 0, 0, 0, 5000]
      },


      {
         name: '2011',
         type: 'bar',
         yAxisIndex: 0,
         xAxisIndex: 0,
         ...itemBarStyle,
         data: [0, 11111, 29034, 104970, 0]
      },
      {
         name: '2012',
         type: 'bar',
         yAxisIndex: 0,
         xAxisIndex: 0,
         ...itemBarStyle,
         data: [0, 22222, 31000, 121594, 0]
      },
   ]
};