Echarts在线免费图表

 
            option = {
   //你的代码
    backgroundColor: "rgba(0,0,0)",

   tooltip: { trigger: "axis", axisPointer: { type: "shadow", } },
   grid: { left: "4%", right: "4%", top: "25%", bottom: "10%", containLabel: true },
   yAxis: {
      nameTextStyle: { fontSize: 20, color: "#fff" },
      type: "value",
      splitLine: { show: false },
      axisLine: { show: true, textStyle: { color: "#1ebfda", } },
   },
   xAxis: {
      type: "category",
      data: [
         "服饰",
         "残片",
         "面料",
         "家访",
         "饰品",
         "机具",
         "册页",
         "文献资料",
         "染料(颜料)",
         "近现代样品",
         "杂项",
         "其他",
      ],
      axisLine: {
         show: true,
         textStyle: {
            color: "#1ebfda",
         },
      },
      axisTick: {
         show: false,
      },
      axisLabel: {
         interval: 0,
         show: true,
         textStyle: {
            color: "rgba(219, 225, 255, 1)"
         },
         formatter: function (params) {
            var newParamsName = "";
            var paramsNameNumber = params.length;
            var provideNumber = 3; //一行显示几个字
            var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
            if (paramsNameNumber > provideNumber) {
               for (var p = 0; p < rowNumber; p++) {
                  var tempStr = "";
                  var start = p * provideNumber;
                  var end = start + provideNumber;
                  if (p == rowNumber - 1) {
                     tempStr = params.substring(start, paramsNameNumber);
                  } else {
                     tempStr = params.substring(start, end) + "\n";
                  }
                  newParamsName += tempStr;
               }
            } else {
               newParamsName = params;
            }
            return newParamsName;
         }
      }
   },
   series:
   {
      type: "bar",
      barWidth: 14,
      barGap: "40%",
      data: [
         430, 300, 320, 480, 410, 520, 570,
         610, 610, 440, 630, 630,
      ],
      itemStyle: {
         // barBorderRadius: [4, 24, 0, 0],
      },
      color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
         {
            offset: 0,
            color: '#00BB94',
         },
         {
            offset: 0.9,
            color: '#00BB94'
         }
      ]),
   },

}