Echarts在线免费图表

 
            option =  {
  backgroundColor:"#0F285C",
   grid: {
      containLabel: true,
         top: 30,
            right: 15,
               bottom: 0,
                  left: 15
   },
   tooltip: {
      trigger: "axis",
         axisPointer: {
         // 坐标轴指示器，坐标轴触发有效
         type: "shadow" // 默认为直线，可选为：'line' | 'shadow'
      }
   },
   xAxis: {
      // 类目轴
      type: "category",
         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            // 轴线设置
            axisLine: {
         show: true,
            lineStyle: { color: "#CAE8EA", type: "solid" }
      },
      // 坐标轴刻度
      axisTick: {
         show: false
      },
      // 坐标轴标签
      axisLabel: {
         show: true,
            fontSize: 14,
               // interval: 0,
               color: "#CAE8EA",
                  fontFamily: "SourceHanSansCN-Normal, SourceHanSansCN"
      }
   },
   yAxis: {
      // 最小间隔
      minInterval: 1,
         // 轴线设置
         axisLine: {
         show: true,
            lineStyle: { color: "#CAE8EA", type: "solid" }
      },
      // 坐标轴刻度
      axisTick: {
         show: false
      },
      // 坐标轴标签
      axisLabel: {
         show: true,
            fontSize: 14,
               color: "#CAE8EA",
                  fontFamily: "SourceHanSansCN-Normal, SourceHanSansCN"
      },
      // grid区分割线
      splitLine: {
         show: true,
            lineStyle: { color: "#CAE8EA30", type: "solid" }
      }
   },
   series: [
      {
         type: "bar",
         barWidth: "50%",
         showBackground: true,
         backgroundStyle: {
            color: "rgba(14,58,99, .5)"
         },
         itemStyle: {
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
               { offset: 0, color: "rgba(1, 254, 246, 1)" },
               { offset: 1, color: "rgba(0, 172, 233, 1)" }
            ])
         },
         emphasis: {
            itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                  { offset: 0, color: "#83bff6" },
                  { offset: 1, color: "#2378f7" }
               ])
            }
         },
         data: [132, 66, 54, 37, 88, 136, 12]
      }
   ]
}