Echarts在线免费图表

 
            option = {
  animationDurationUpdate: 5000,
  animationDuration: 500,
  xAxis: {
    min: 1,
    max: 31,
    interval: 6,
    splitLine: { show: false },
    axisLabel: { showMaxLabel: true, margin: 5, color: '#B0B2C4' },
    axisTick: { show: false },
    axisLine: { show: false }
  },
  yAxis: {
    inverse: true,
    interval: 1,
    data: [
      '1月'
    ],
    axisLine: { show: false },
    axisLabel: { margin: 10, color: '#B0B2C4' },
    axisTick: { show: false },
    splitLine: { lineStyle: { color: '#DFE5F6' } }
  },
  series: [
    {
      id: 'main',
      data: [{ value: [8, '11月', 3600], groupId: 'month11' }],
      type: 'scatter',
      symbolSize: 200,
      universalTransition: { enabled: true }
    }
  ]
};

setTimeout(function () {
  option = {
    polar: [{}],
    angleAxis: [{ show: false, min: 0, max: 14400 }],
    radiusAxis: [
      {
        type: 'category',
        data: [
          'x'
        ],
        interval: 1,
        inverse: true,
        axisLine: { show: false },
        axisLabel: { show: false },
        axisTick: { show: false }
      }
    ],
    series: [
      {
        data: [{ value: ['x', 3600], groupId: 'month11' }],
        type: 'bar',
        id: 'main',
        coordinateSystem: 'polar',
        roundCap: true,
        barMaxWidth: 30,
        universalTransition: { seriesKey: ['main'], enabled: true }
      }
    ]
  };
  myChart.setOption(option);
}, 1000);