Echarts在线免费图表

 
            let option = {
   title: {//图表的标题
      text: "标准条形图",  //标题的文本内容
      left: "center",
      subtext: "旋转90度"
   },
   tooltip: {},               //详情提示
   legend: {//图例
      data: ["销量"],
      top: 60
   },
   grid: {
      top: 110
   },
   xAxis: {//配置x轴，x轴和y轴互换
      type: "value"       //值轴
   },
   yAxis: {//配置y轴
      type: "category",   //类目轴
      data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
   },
   series: [//配置数据系列，一个图表可以配置多个数据系列
      {
         name: "销量",
         type: "bar",//数据系统的类型，即图表的类型。bar代表柱状状图
         data: [5, 20, 36, 10, 10, 20]
      }
   ]
};