customized-line-chart v0.1.17

customized-line-chart

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

参数格式：

chartDatas： 对象格式，必须有name，unit和lines属性

 chartDatas: {
  name: "三相线电压",
        unit: ["V", "k"],
        lines: [
          {
            name: "AC电压",
            datas: [
              {
                col_time: "2020-05-06 00:00:00",
                value: "156.9"
              },
              {
                col_time: "2020-05-06 08:00:00",
                value: "106.9"
              },
              {
                col_time: "2020-05-06 12:00:00",
                value: "126.9"
              },
              {
                col_time: "2020-05-06 16:00:00",
                value: "88.9"
              }
            ]
          },
          {
            name: "AB电压",
            datas: [
              {
                col_time: "2020-05-06 00:00:00",
                value: "200.9"
              },
              {
                col_time: "2020-05-06 08:00:00",
                value: "206.9"
              },
              {
                col_time: "2020-05-06 12:00:00",
                value: "226.9"
              },
              {
                col_time: "2020-05-06 16:00:00",
                value: "208.9"
              }
            ]
          }
        ]
      }
    colorCollection：对象数组

        colors: [
                {
                nornaml: "rgba(7, 128, 237, 0.25)",
                opacity: "rgba(255, 255, 255, 0.25)"
                },
                {
                nornaml: "rgba(255, 146, 0, 0.25)",
                opacity: "rgba(255, 255, 255, 0.25)"
                },

                {
                nornaml: "rgba(68, 212, 40, 0.25)",
                opacity: "rgba(255, 255, 255, 0.25)"
                }
            ]

normal--->opacity表示过度色

• hasGraphic bool类型，默认为false，表示是否有渐变色
• isSmooth bool类型，默认为false，表示是否是平滑曲线