Echarts在线免费图表

 
            option = {
   // 图例组件
   legend: [
      {
         top: "30%",
         left: "0%",
         textStyle: {
            fontSize: 12, //字体大小
            color: "#" //字体颜色（图例与图例文字配色保持一致）
         },
         data: [
            {
               name: "数据1"
            }
         ]
      },
      {
         top: "20%",
         left: "0%",
         textStyle: {
            fontSize: 12, //字体大小
            color: "#" //字体颜色
         },
         data: [
            {
               name: "数据2"
            }
         ]
      }
   ],
   // 直角坐标系内绘图网格
   grid: {
      show: true,
      x: 120,
      y: 50,
      x2: 120,
      y2: 50
   },
   xAxis: {
      name: "X轴数据",
      type: "category",
      data: ["10", "20", "30", "40", "50", "60", "70", "80", "90"],
      nameTextStyle: {
         padding: [0, 0, 50, 50]
      }
   },
   yAxis: [
      {
         type: "value",
         name: "左侧",
         nameTextStyle: {
            padding: [0, 0, -55, -150]
         },
         splitNumber: 6, //设置坐标轴的分割段数
         axisLabel: {
            formatter: function (v) {
               return v.toFixed(1); //0表示小数为0位，1表示1位小数，2表示2位小数
            },
            color: function (value, index) {
               return value >= 1000 ? "red" : "green";
            }
         }
      },
      {
         type: "value",
         name: "右侧",
         nameTextStyle: {
            padding: [0, 50, -50, 200]
         },
         splitNumber: 6,
         axisLabel: {
            formatter: function (v) {
               return v.toFixed(2); //0表示小数为0位，1表示1位小数，2表示2位小数
            }
         }
      }
   ],
   series: [
      {
         name: "数据1",
         type: "line",
         color: ["#eb9f0d"],
         symbol: "none",
         smooth: true,
         data: [820, 932, 901, 934, 1290, 1330, 1320, 1330, 1340]
      },
      {
         name: "数据2",
         type: "line",
         color: ["#969ac7"],
         symbol: "none",
         smooth: true,
         yAxisIndex: 1, //在单个图表实例中存在多个y轴的时候有用
         data: [134, 133, 132, 133, 129, 93, 90, 93, 82]
      }
   ]
}