From 124baba8bfeeea335a5311f230fd828f1e050736 Mon Sep 17 00:00:00 2001
From: jiaming <743192023@qq.com>
Date: Mon, 24 Dec 2018 18:25:29 +0800
Subject: [PATCH] some modify

---
 .gitignore                                 |   3 +
 .svn/wc.db                                 | Bin 204800 -> 253952 bytes
 src/components/polylineChart/index.vue     | 422 +++++++----------
 src/views/demo/chart.vue                   | 526 +--------------------
 src/views/demo/chart/columnChartDemo.vue   |   7 +-
 src/views/demo/chart/polylineChartDemo.vue | 228 +++++++++
 src/views/demo/document.vue                |  15 +-
 7 files changed, 410 insertions(+), 791 deletions(-)
 create mode 100644 src/views/demo/chart/polylineChartDemo.vue

diff --git a/.gitignore b/.gitignore
index d95b65a..285114c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,7 @@
 node_modules
 /dist
 /.svn
+/DataV
 
 # local env files
 .env.local
@@ -20,3 +21,5 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw*
+
+
diff --git a/.svn/wc.db b/.svn/wc.db
index c5dff7a93d2c619030a900563ccd7c1a569b6d6e..2f0695c04102316ff061eebf6c550768185e07f7 100644
GIT binary patch
delta 35570
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
F`+q0Exzqpv

delta 7823
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
GhW`ie8jD;2

diff --git a/src/components/polylineChart/index.vue b/src/components/polylineChart/index.vue
index 27b5774..a1b3fa3 100644
--- a/src/components/polylineChart/index.vue
+++ b/src/components/polylineChart/index.vue
@@ -1,304 +1,230 @@
 <template>
   <div class="polyline-chart">
+    <loading v-if="!data" />
+
     <div class="canvas-container">
       <canvas :ref="ref" />
     </div>
 
-    <loading v-if="!data" />
+    <label-line :label="data.labelLine" :colors="drawColors" />
 
-    <div v-if="data.labelLine" class="label-line">
-      <div class="label-item" v-for="(label, i) in data.labelLine" :key="label + i">
-        <div :style="`background-color: ${data.color[i % data.color.length]};`"></div>
-        <div>{{ label }}</div>
-      </div>
-    </div>
-
-    <div class="for-slot">
-      <slot></slot>
-    </div>
+    <for-slot><slot></slot></for-slot>
   </div>
 </template>
 
 <script>
+import colorsMixin from '../../mixins/colorsMixin.js'
+
+import canvasMixin from '../../mixins/canvasMixin.js'
+
+import axisMixin from '../../mixins/axisMixin.js'
+
 export default {
   name: 'PolylineChart',
-  props: ['data'],
+  mixins: [colorsMixin, canvasMixin, axisMixin],
+  props: ['data', 'colors'],
   data () {
     return {
       ref: `polyline-chart-${(new Date()).getTime()}`,
-      canvasDom: '',
-      canvasWH: [0, 0],
-      ctx: '',
 
-      defaultFontSize: 10,
-      defaultAxisColor: 'rgba(250, 250, 250, 0.25)',
+      // axis base config
+      boundaryGap: false,
+      mulValueAdd: false,
+      horizon: false,
 
-      xAxisData: [],
-      yAxisData: [],
-      axisWH: [],
-      axisOriginPos: [],
-      yAxisMinMax: [],
-      rowColumnSize: [],
-      valuePointsData: []
+      defaultLineDash: [10, 5],
+      defaultPointRadius: 2,
+
+      defaultValueFontSize: 10,
+      defaultValueColor: '#999',
+
+      valuePointPos: []
     }
   },
   watch: {
-    data (d) {
-      const { init } = this
-
-      d && init()
-    }
   },
   methods: {
-    init () {
-      const { $nextTick, initCanvas, data, draw } = this
+    async init () {
+      const { initCanvas, initColors } = this
 
-      $nextTick(e => {
-        initCanvas()
+      await initCanvas()
 
-        data && draw()
-      })
-    },
-    initCanvas () {
-      const { $refs, ref, canvasWH } = this
+      initColors()
 
-      const canvas = this.canvasDom = $refs[ref]
+      const { data, draw } = this
 
-      canvasWH[0] = canvas.clientWidth
-      canvasWH[1] = canvas.clientHeight
-
-      canvas.setAttribute('width', canvasWH[0])
-      canvas.setAttribute('height', canvasWH[1])
-
-      this.ctx = canvas.getContext('2d')
+      data && draw()
     },
     draw () {
-      const { ctx, canvasWH, getXAxisData, getYAxisData, calcAxisPos, drawAxis } = this
+      const { clearCanvas } = this
 
-      ctx.clearRect(0, 0, ...canvasWH)
+      clearCanvas()
 
-      getXAxisData()
+      const { initAxisConfig, initAxis, drawAxis } = this
 
-      getYAxisData()
+      initAxisConfig()
 
-      calcAxisPos()
+      initAxis()
 
       drawAxis()
 
-      const { calcValuePointsData, drawValueColumn, drawValuePolyline } = this
+      const { calcValuePointPos, drawLines, drawFills } = this
 
-      calcValuePointsData()
+      calcValuePointPos()
 
-      drawValueColumn()
+      drawLines()
 
-      drawValuePolyline()
+      drawFills()
 
-      const { drawValuePoints, fillLineColor } = this
+      const { drawPoints, drawValues } = this
 
-      fillLineColor()
+      drawPoints()
 
-      drawValuePoints()
+      drawValues()
     },
-    getXAxisData () {
-      const { data: { x: { data } } } = this
+    initAxisConfig () {
+      const { data: { boundaryGap } } = this
 
-      this.xAxisData = data
+      this.boundaryGap = boundaryGap
     },
-    getYAxisData () {
-      let { data: { data, y: { data: yAxisData, max, min, num, fixed } }, filterNull, yAxisMinMax } = this
+    calcValuePointPos () {
+      const { valueAxisMaxMin, axisOriginPos, axisWH, labelAxisTagPos, horizon } = this
 
-      if (yAxisData) {
-        this.yAxisData = yAxisData
+      const { data: { data }, getAxisPointsPos } = this
 
-        return
+      this.valuePointPos = data.map(({ data, againstAxis }) =>
+        getAxisPointsPos(
+          valueAxisMaxMin,
+          data,
+          axisOriginPos,
+          axisWH,
+          labelAxisTagPos,
+          horizon
+        ))
+    },
+    drawLines () {
+      const { data: { data }, valuePointPos, drawLine } = this
+
+      data.forEach((line, i) => drawLine(line, valuePointPos[i], i))
+    },
+    drawLine ({ type, lineType, lineDash, lineColor }, points, i) {
+      const { ctx, drawColors, defaultLineDash } = this
+
+      const { canvas: { drawPolyline, drawSmoothline } } = this
+
+      const { color: { hexToRgb } } = this
+
+      let drawLineFun = drawPolyline
+      type === 'smoothline' && (drawLineFun = drawSmoothline)
+
+      let color = hexToRgb(drawColors[i], 0.8)
+      lineColor && (color = lineColor)
+
+      let tureLineType = lineType || 'line'
+      const tureLineDash = tureLineType === 'dashed' ? (lineDash || defaultLineDash) : [10, 0]
+
+      drawLineFun(ctx, points, 1, color, false, tureLineDash, true, true)
+    },
+    drawFills () {
+      const { data: { data }, valuePointPos, drawFill } = this
+
+      data.forEach((line, i) => drawFill(line, valuePointPos[i]))
+    },
+    drawFill ({ fillColor, type, data }, points) {
+      if (!fillColor) return
+
+      const { canvas: { drawPolylinePath, drawSmoothlinePath } } = this
+
+      const { ctx, getGradientColor, filterNull, axisOriginPos: [, y] } = this
+
+      let drawLineFun = drawPolylinePath
+      type === 'smoothline' && (drawLineFun = drawSmoothlinePath)
+
+      const maxValue = Math.max(...filterNull(data))
+      const maxValueIndex = data.findIndex(v => v === maxValue)
+
+      const color = getGradientColor(points[maxValueIndex], fillColor)
+
+      const lastPoint = points[points.length - 1]
+
+      ctx.fillStyle = color
+
+      drawLineFun(ctx, points, false, true, true)
+
+      ctx.lineTo(lastPoint[0], y)
+      ctx.lineTo(points[0][0], y)
+
+      ctx.closePath()
+
+      ctx.fill()
+    },
+    getGradientColor (value, colors) {
+      const { data: { localGradient }, axisAnglePos, horizon } = this
+
+      const { ctx, canvas: { getLinearGradientColor } } = this
+
+      if (localGradient) {
+        return getLinearGradientColor(ctx,
+          ...(horizon
+            ? [value, [axisAnglePos.leftTop[0], value[1]]]
+            : [value, [value[0], axisAnglePos.leftBottom[1]]]),
+          colors)
+      } else {
+        return getLinearGradientColor(ctx,
+          ...(horizon
+            ? [axisAnglePos.leftTop, axisAnglePos.rightTop]
+            : [axisAnglePos.leftTop, axisAnglePos.leftBottom]),
+          colors)
       }
-
-      let [unsetMax, unsetMin] = [false, false]
-
-      !max && max !== 0 && (max = Math.max(...data.map(({ data: td }) => Math.max(...td)))) && (unsetMax = true)
-      !min && min !== 0 && (min = Math.min(...data.map(({ data: td }) => Math.min(...filterNull(td))))) && (unsetMin = true)
-
-      let minus = max - min
-
-      unsetMax && (max += minus / 2) && (max = Math.ceil(max))
-      unsetMin && (min -= minus / 2) && (min = Math.floor(min))
-
-      yAxisMinMax[0] = min
-      yAxisMinMax[1] = max
-
-      minus = max - min
-
-      !num && (num = minus < 9 ? minus + 1 : 10)
-
-      const gapNum = minus / (num - 1)
-
-      this.yAxisData = new Array(num).fill(0).map((t, i) => (max - gapNum * i).toFixed(fixed || 0)).reverse()
     },
-    calcAxisPos () {
-      const { ctx, canvasWH, xAxisData, yAxisData, axisWH, axisOriginPos, rowColumnSize, data } = this
+    drawPoints () {
+      const { data: { data }, valuePointPos, drawPoint } = this
 
-      const { x: { unit: xUT, offset: xOF }, y: { unit: yUT, fontSize: yFS, offset: yOF }, boundaryGap } = data
-
-      ctx.font = `${yFS}px Arial`
-
-      let yAxisMaxWidth = Math.max(...yAxisData.map(v => ctx.measureText(v).width))
-
-      const yAxisUnitWidth = ctx.measureText(yUT || '').width
-
-      yAxisMaxWidth < yAxisUnitWidth && (yAxisMaxWidth = yAxisUnitWidth)
-
-      const yAxisRowHeight = (canvasWH[1] - (xOF || 20)) / (yAxisData.length + 1)
-      const xAxisColumnWidth = (canvasWH[0] - (yOF || (yAxisMaxWidth + 10)) - ctx.measureText(xUT || '').width - 10) / (xAxisData.length + 1)
-
-      axisWH[0] = xAxisColumnWidth * xAxisData.length
-      axisWH[1] = yAxisRowHeight * yAxisData.length
-
-      rowColumnSize[0] = axisWH[1] / (yAxisData.length - 1)
-      rowColumnSize[1] = axisWH[0] / (boundaryGap ? xAxisData.length : xAxisData.length - 1)
-
-      axisOriginPos[0] = (yOF || yAxisMaxWidth) + 10
-      axisOriginPos[1] = canvasWH[1] - (xOF || 20)
+      data.forEach((line, i) => drawPoint(line, valuePointPos[i], i))
     },
-    drawAxis () {
-      const { ctx, xAxisData, yAxisData, axisOriginPos, axisWH, canvasWH } = this
+    drawPoint ({ pointColor }, points, i) {
+      const { ctx, drawColors, defaultPointRadius } = this
 
-      const { defaultAxisColor, rowColumnSize, defaultFontSize, data: { x, y, boundaryGap } } = this
+      const { canvas: { drawPoints: drawPFun } } = this
 
-      const { unit: xUT, lineColor: xLC, color: xC, fontSize: xFS } = x
+      const color = pointColor || drawColors[i]
 
-      const { unit: yUT, lineColor: yLC, color: yC, fontSize: yFS } = y
+      drawPFun(ctx, points, defaultPointRadius, color)
+    },
+    drawValues () {
+      const { ctx, data: { data, showValueText, valueTextColor, valueTextOffset, valueTextFontSize } } = this
 
-      const { canvas: { drawLine } } = this
+      if (!showValueText) return
 
-      drawLine(ctx, axisOriginPos, [axisOriginPos[0] + axisWH[0], axisOriginPos[1]], 1, (xLC || defaultAxisColor))
-      drawLine(ctx, axisOriginPos, [axisOriginPos[0], axisOriginPos[1] - axisWH[1]], 1, (yLC || defaultAxisColor))
+      const { defaultValueFontSize, defaultValueColor, valuePointPos, drawValue } = this
 
-      ctx.fillStyle = xC || 'rgba(250, 250, 250, 0.6)'
+      const offset = valueTextOffset || [0, -5]
 
-      ctx.font = `${xFS || defaultFontSize}px Microsoft Yahei`
+      ctx.fillStyle = valueTextColor || defaultValueColor
+
+      ctx.font = `${valueTextFontSize || defaultValueFontSize}px Arial`
 
       ctx.textAlign = 'center'
-      ctx.textBaseline = 'top'
+      ctx.textBaseline = 'bottom'
 
-      const columnWidth = rowColumnSize[1]
-
-      const columnOffset = boundaryGap ? columnWidth / 2 : 0
-
-      xAxisData.forEach((text, i) => ctx.fillText(text, axisOriginPos[0] + (i * columnWidth) + columnOffset, axisOriginPos[1] + 3))
-      xUT && (ctx.textAlign = 'end') && ctx.fillText(xUT, canvasWH[0], axisOriginPos[1] + 3)
-
-      ctx.font = `${yFS || defaultFontSize}px Microsoft Yahei`
-
-      ctx.fillStyle = yC || 'rgba(250, 250, 250, 0.6)'
-
-      ctx.textAlign = 'right'
-      ctx.textBaseline = 'middle'
-
-      const rowHeight = rowColumnSize[0]
-
-      yAxisData.forEach((text, i) => ctx.fillText(text, axisOriginPos[0] - 7, axisOriginPos[1] - (i * rowHeight)))
-      yUT && (ctx.textBaseline = 'top') && ctx.fillText(yUT, axisOriginPos[0] - 7, 0)
+      data.forEach((line, i) => drawValue(line, valuePointPos[i], offset))
     },
-    calcValuePointsData () {
-      const { axisWH, axisOriginPos, yAxisMinMax: [min, max], rowColumnSize } = this
+    drawValue ({ data }, points, offset) {
+      const { ctx, getOffsetPoints } = this
 
-      const { data: { data, x, boundaryGap } } = this
+      getOffsetPoints(points, offset).forEach((pos, i) => {
+        if (!data[i] && data[i] !== 0) return
 
-      const columnWidth = rowColumnSize[1]
-
-      const xOffset = (boundaryGap ? columnWidth / 2 : 0)
-
-      const xPos = new Array(x.data.length).fill(0).map((v, i) => axisOriginPos[0] + (columnWidth * i) + xOffset)
-
-      const minus = max - min
-
-      const numberData = data.map(({ data: td }) => ({ data: td.map(v => ((!v && v === 0) || v) ? Number(v) : NaN) }))
-
-      this.valuePointsData =
-        numberData.map(({ data: td }) =>
-          td.map((v, i) =>
-            Number.isFinite(v)
-              ? [xPos[i], axisOriginPos[1] - (v - min) / minus * axisWH[1]]
-              : false))
-    },
-    drawValueColumn () {
-      const { ctx, valuePointsData, data: { data, color }, rowColumnSize, axisOriginPos, canvas, filterNull } = this
-
-      const { getLinearGradientColor } = canvas
-
-      const colorNum = color.length
-
-      const columnWidth = rowColumnSize[1] / 3 * 2
-
-      const offset = columnWidth / 2
-
-      data.forEach(({ columnColor, type }, i) => {
-        if (type !== 'column') return
-
-        const filterPoints = filterNull(valuePointsData[i])
-
-        filterPoints.forEach(point => {
-          const height = axisOriginPos[1] - point[1]
-
-          ctx.fillStyle = getLinearGradientColor(ctx, point, [point[0],
-            axisOriginPos[1]], columnColor || color[i % colorNum])
-
-          ctx.fillRect(point[0] - offset, point[1], columnWidth, height)
-        })
+        ctx.fillText(data[i], ...pos)
       })
     },
-    drawValuePolyline () {
-      const { ctx, valuePointsData, canvas, color: { hexToRgb } } = this
-
-      const { data: { data, color } } = this
-
-      const colorNum = color.length
-
-      data.forEach(({ lineColor, dashed, type }, i) =>
-        (!type || type === 'polyline' || type === 'smoothline') &&
-          canvas[(!type || type === 'polyline') ? 'drawPolyline' : 'drawSmoothline'](
-            ctx, valuePointsData[i], 1,
-            hexToRgb(lineColor || color[i % colorNum], 0.8), false,
-            (dashed ? [5, 5] : [10, 0]), true, true))
+    getOffsetPoint ([x, y], [ox, oy]) {
+      return [x + ox, y + oy]
     },
-    fillLineColor () {
-      const { ctx, valuePointsData, canvas, axisOriginPos, axisWH, data: { data }, filterNull } = this
+    getOffsetPoints (points, offset) {
+      const { getOffsetPoint } = this
 
-      const { getLinearGradientColor } = canvas
-
-      const colorBegin = [axisOriginPos[0], axisOriginPos[1] - axisWH[1]]
-
-      data.forEach(({ fillColor, type }, i) => {
-        if (!fillColor) return
-
-        const currentValuePointData = filterNull(valuePointsData[i])
-
-        const pointNum = currentValuePointData.length
-
-        const rightBottom = [currentValuePointData[pointNum - 1][0], axisOriginPos[1]]
-        const leftBottom = [currentValuePointData[0][0], axisOriginPos[1]]
-
-        canvas[(!type || type === 'polyline') ? 'drawPolylinePath' : 'drawSmoothlinePath'](
-          ctx, currentValuePointData, false, true, true)
-
-        ctx.lineTo(...rightBottom)
-        ctx.lineTo(...leftBottom)
-
-        ctx.closePath()
-
-        ctx.fillStyle = getLinearGradientColor(ctx, colorBegin, axisOriginPos, fillColor)
-
-        ctx.fill()
-      })
-    },
-    drawValuePoints () {
-      const { ctx, valuePointsData, data: { data, color }, canvas: { drawPoints } } = this
-
-      const colorNum = color.length
-
-      data.forEach(({ pointColor, type }, i) =>
-        type !== 'column' &&
-        drawPoints(ctx, valuePointsData[i], 4, pointColor || color[i % colorNum]))
+      return points.map(point => point ? getOffsetPoint(point, offset) : false)
     }
   },
   mounted () {
@@ -323,35 +249,5 @@ export default {
       height: 100%;
     }
   }
-
-  .label-line {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    flex-wrap: wrap;
-    font-size: 10px;
-  }
-
-  .label-item {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    height: 15px;
-    margin: 0px 3px;
-
-    :nth-child(1) {
-      width: 10px;
-      height: 10px;
-      margin-right: 5px;
-    }
-  }
-
-  .for-slot {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-  }
 }
 </style>
diff --git a/src/views/demo/chart.vue b/src/views/demo/chart.vue
index 55bdff7..083e77d 100644
--- a/src/views/demo/chart.vue
+++ b/src/views/demo/chart.vue
@@ -6,6 +6,8 @@
 
     <column-chart-demo />
 
+    <polyline-chart-demo />
+
     <!-- <border-box-7 class="chart-item">
       <point-chart :data="pointChartData1" :colors="colors" class="chart" />
 
@@ -270,184 +272,6 @@ data: {
       </div>
     </border-box-7>
 
-    <border-box-7 class="chart-item" :reverse="true">
-      <polyline-chart :data="polylineChartData1" class="chart" />
-
-      <div class="config-info">
-        <div class="title">Polyline-chart</div>
-
-        <highlight-code>
-&lt;polyline-chart :data="data" /&gt;
-        </highlight-code>
-
-        <highlight-code>
-data: {
-  data: [
-    {
-      // 必填项 存在空位时 该点忽略
-      data: [99.81, '', ..., '', 99.23, 99.62],
-      // 非必须 配置此项 将进行颜色填充
-      fillColor: ['rgba(0, 186, 255, 0.3)', 'rgba(0, 186, 255, 0)'],
-      // 非必须 配置此项可更改数据点颜色
-      pointColor: '#00db95',
-      // 非必须 配置此项可更改线条颜色
-      lineColor: '#ffc53d',
-      // 非必须 默认为折线
-      // 可选项有 polyline 折线 | smoothline 平滑曲线 | column 柱状
-      type: 'polyline'
-      // 默认为false 实线 非必须
-      dashed: true
-    },...
-  ],
-  // 非必须 依次循环使用
-  color: ['#00baff', '#3de7c9', ...],
-  x: {
-    // 必填项 不想显示底部刻度 可以全留空位
-    data: [ '10/01', '', ..., '', '10/23' ],
-    // unit: '日期'     // 非必须 单位展示
-    // fontSize: 20     // 非必须 x轴刻度字体大小
-    // offset: 30       // 非必须 x轴向上偏移 此处未配置
-  },
-  y: {
-    min: 96,            // 非必须 y轴最小值 未配置则自动根据数据计算
-    max: 100,           // 非必须 y轴最大值 未配置则自动根据数据计算
-    fixed: 2,           // 非必须 y轴刻度精度
-    num: 10,            // 非必须刻度个数 默认为10 数据范围不足10则自动缩减
-    unit: '%'           // 非必须 单位展示
-    // fontSize: 20     // 非必须 x轴刻度字体大小
-    // offset: 30       // 非必须 x轴向上偏移
-  },
-  // boundaryGap: false // 非必须 配置为true 将不贴合边界进行绘制
-}
-        </highlight-code>
-      </div>
-    </border-box-7>
-
-    <border-box-7 class="chart-item">
-      <polyline-chart :data="polylineChartData2" class="chart" />
-
-      <div class="config-info">
-        <div class="title">Polyline-chart</div>
-
-        <highlight-code>
-&lt;polyline-chart :data="data" /&gt;
-        </highlight-code>
-
-        <highlight-code>
-data: {
-  data: [
-    {
-      data: [99.81, ..., 99.81, 99.56],
-      fillColor: ['rgba(0, 186, 255, 0.3)', 'rgba(0, 186, 255, 0)'],
-      pointColor: '#00db95',
-      type: 'polyline'
-    },
-    {
-      data: [97.81, ..., 97.23, 97.62],
-      fillColor: ['rgba(0, 219, 149, 0.3)', 'rgba(0, 219, 149, 0)'],
-      type: 'smoothline'
-    }
-  ],
-  color: ['#00baff', '#3de7c9', ...],
-  x: {
-    data: ['10/01', '', ..., '', '10/23']
-  },
-  y: {
-    fixed: 2,
-    unit: '%'
-  },
-  boundaryGap: true
-}
-        </highlight-code>
-      </div>
-    </border-box-7>
-
-    <border-box-7 class="chart-item" :reverse="true">
-      <polyline-chart :data="polylineChartData3" class="chart" />
-
-      <div class="config-info">
-        <div class="title">Polyline-chart</div>
-
-        <highlight-code>
-&lt;polyline-chart :data="data" /&gt;
-        </highlight-code>
-
-        <highlight-code>
-data: {
-  data: [
-    {
-      data: [99.81, 99.42, 99.56, 99.23, 99.62, 99.36, 99.56],
-      columnColor: ['rgba(0, 186, 255, 0.3)', 'rgba(0, 186, 255, 0)'],
-      type: 'column'
-    },
-    {
-      data: [97.81, 97.42, 97.56, 100.23, 97.62, 97.36, 97.56],
-      fillColor: ['rgba(0, 219, 149, 0.3)', 'rgba(0, 219, 149, 0)'],
-      type: 'smoothline'
-    }
-  ],
-  color: ['#00baff', '#3de7c9', '#ffffff', '#ffc53d', '#469f4b'],
-  x: {
-    data: ['10/01', '10/02', '10/03', '10/04', '10/05', '10/06', '10/07']
-  },
-  y: {
-    fixed: 2,
-    unit: '%'
-  },
-  boundaryGap: true
-}
-        </highlight-code>
-      </div>
-    </border-box-7>
-
-    <border-box-7 class="chart-item">
-      <polyline-chart :data="polylineChartData4" class="chart" />
-
-      <div class="config-info">
-        <div class="title">Polyline-chart</div>
-
-        <highlight-code>
-&lt;polyline-chart :data="data" /&gt;
-        </highlight-code>
-
-        <highlight-code>
-data: [
-        data: [
-          {
-            data: [3, 4.5, 4, 6, 5, 4, 3],
-            dashed: true
-          },
-          {
-            data: [0.5, 1, 0.8, 3, 2, 1.5, 0.5],
-            fillColor: ['rgba(61, 231, 201, 0.5)', 'rgba(61, 231, 201, 0.1)']
-          },
-          {
-            data: [1, 3, 2, 4, 3, 2, 1],
-            type: 'smoothline',
-            fillColor: ['rgba(255, 197, 61, 0.4)', 'rgba(255, 197, 61, 0.1)']
-          },
-          {
-            data: [2, 2.5, 3, 5, 4, 3, 2],
-            type: 'column',
-            columnColor: ['rgba(52, 36, 50, 0.8)', 'rgba(52, 36, 50, 0.4)']
-          }
-        ],
-        x: {
-          data: ['10/01', '10/02', '10/03', '10/04', '10/05', '10/06', '10/07']
-        },
-        y: {
-          max: 6,
-          min: 0,
-          unit: '单位'
-        },
-        labelLine: ['收费系统', '收费系统', '监控系统', '供配电系统'],
-        color: ['#00baff', '#3de7c9', '#ffc53d', '#342432'],
-        boundaryGap: true
-}
-        </highlight-code>
-      </div>
-    </border-box-7>
-
     <!-- <highlight-code class="chart-item" :reverse="true">
       <polyline-chart :data="polylineChartData" class="chart" />
 
@@ -466,11 +290,14 @@ import attention from './chart/attention.vue'
 
 import columnChartDemo from './chart/columnChartDemo'
 
+import polylineChartDemo from './chart/polylineChartDemo'
+
 export default {
   name: 'Chart',
   components: {
     attention,
-    columnChartDemo
+    columnChartDemo,
+    polylineChartDemo
   },
   data () {
     return {
@@ -483,6 +310,10 @@ export default {
           title: 'Column-Chart',
           target: 'column-chart'
         },
+        {
+          title: 'Polyline-Chart',
+          target: 'polyline-chart'
+        },
         {
           title: 'Radar-Chart',
           target: 'radar-chart'
@@ -520,208 +351,6 @@ export default {
         }
       },
 
-      columnChartData1: {
-        data: [
-          {
-            data: [150, 290, 420, 200, 350, 219],
-            fillColor: ['#247efc', '#ff2fdb']
-          }
-        ],
-        x: {
-          data: ['西峡', '周口', '南阳', '驻马店', '郑州', '洛阳']
-        },
-        y: {
-          unit: '辆'
-        },
-        labelLine: {
-          color: '#2b7bfb',
-          data: ['车流量'],
-          type: 'rectangle'
-        }
-      },
-
-      columnChartData2: {
-        data: [
-          {
-            data: [150, 290, 420, 200, 350, 219],
-            fillColor: ['#247efc', '#ff2fdb']
-          }
-        ],
-        x: {
-          data: ['西峡', '周口', '南阳', '驻马店', '郑州', '洛阳']
-        },
-        y: {
-          unit: '辆',
-          grid: true,
-          gridLineType: 'dashed',
-          gridLineDash: [2, 2],
-          num: 6
-        },
-        labelLine: {
-          color: '#2b7bfb',
-          data: ['车流量'],
-          type: 'rectangle'
-        },
-        showColumnBG: true,
-        columnBGColor: 'rgba(100, 100, 100, 0.3)'
-      },
-
-      columnChartData3: {
-        data: [
-          {
-            data: [150, 290, 420, 200, 350, 219],
-            fillColor: '#247efc'
-          },
-          {
-            data: [
-              [35, 70, 40],
-              [74, 180, 45],
-              [37, 200, 145],
-              [35, 89, 30],
-              [65, 100, 48],
-              [55, 90, 70]
-            ],
-            fillColor: ['#ff2fdb', '#e3b4a2', '#fafb5d']
-          }
-        ],
-        x: {
-          data: ['西峡', '周口', '南阳', '驻马店', '郑州', '洛阳']
-        },
-        y: {
-          unit: '万元',
-          grid: true,
-          gridLineType: 'dashed',
-          gridLineDash: [2, 2],
-          min: 0
-        },
-        labelLine: {
-          color: ['#247efc', '#ff2fdb', '#e3b4a2', '#fafb5d'],
-          data: ['玩具', '食品', '服装', '电器'],
-          type: 'rectangle'
-        },
-        showColumnBG: true,
-        columnBGColor: 'rgba(100, 100, 100, 0.3)'
-      },
-
-      columnChartData4: {
-        data: [
-          {
-            data: [150, 290, 420, 200, 350, 219],
-            fillColor: ['#247efc', '#ff2fdb']
-          },
-          {
-            data: [130, 313, 392, 180, 400, 188],
-            fillColor: ['#00BAFF', '#3DE7C9']
-          }
-        ],
-        x: {
-          data: ['西峡', '周口', '南阳', '驻马店', '郑州', '洛阳']
-        },
-        y: {
-          grid: true,
-          gridLineType: 'dashed',
-          gridLineDash: [2, 2],
-          unit: '辆'
-        },
-        labelLine: {
-          color: ['#ff2fdb', '#3DE7C9'],
-          data: ['同期', '环期'],
-          type: 'rectangle'
-        },
-        roundColumn: true,
-        spaceBetween: true,
-        localGradient: true
-      },
-
-      columnChartData5: {
-        data: [
-          {
-            data: [150, 290, 420, 200, 350, 219],
-            fillColor: ['#247efc', '#ff2fdb'],
-            type: 'leftEchelon'
-          },
-          {
-            data: [130, 313, 392, 180, 400, 188],
-            fillColor: ['#00BAFF', '#3DE7C9'],
-            type: 'rightEchelon'
-          }
-        ],
-        x: {
-          data: ['西峡', '周口', '南阳', '驻马店', '郑州', '洛阳']
-        },
-        y: {
-          grid: true,
-          gridLineType: 'dashed',
-          gridLineDash: [2, 2],
-          unit: '辆',
-          num: 7
-        },
-        labelLine: {
-          color: ['#ff2fdb', '#3DE7C9'],
-          data: ['同期', '环期'],
-          type: 'rectangle'
-        },
-        showValueText: true,
-        spaceBetween: true
-      },
-
-      columnChartData6: {
-        data: [
-          {
-            data: [175, 125, 90, 130, 45, 65, 65, 47, 50, 52, 45, 37],
-            fillColor: ['#247efc', '#ff2fdb']
-          },
-          {
-            data: [210, 142, 128, 142, 63, 72, 68, 57, 54, 60, 49, 42],
-            fillColor: ['#00BAFF', '#3DE7C9']
-          },
-          {
-            data: [23, 18, 16, 14, 10, 8, 6, 6, 6, 6, 6, 5],
-            type: 'polyline',
-            againstAxis: true,
-            lineColor: '#ff2fdb',
-            pointColor: '#3de7c9'
-          }
-        ],
-        x: {
-          data: [
-            '一月份', '二月份',
-            '三月份', '四月份',
-            '五月份', '六月份',
-            '七月份', '八月份',
-            '九月份', '十月份',
-            '十一月份', '十二月份'
-          ],
-          offset: 40,
-          rotate: true
-        },
-        y: {
-          grid: true,
-          gridLineType: 'dashed',
-          gridLineDash: [2, 2],
-          min: 0,
-          max: 250,
-          num: 6,
-          tagAfter: 'ml'
-        },
-        ay: {
-          min: 0,
-          max: 25,
-          num: 6,
-          tagAfter: '°C'
-        },
-        labelLine: {
-          color: ['#ff2fdb', '#3DE7C9'],
-          data: ['同期', '环期'],
-          type: 'rectangle'
-        },
-        roundColumn: true,
-        localGradient: true,
-        spaceBetween: true
-      },
-
-      columnChartData7: '',
-
       radarChartData1: {
         data: [
           {
@@ -977,141 +606,6 @@ export default {
         active: false
       },
 
-      polylineChartData1: {
-        data: [
-          {
-            data: [
-              99.81, 99.42, 99.56, 99.23, 99.62,
-              99.36, 99.56, '', 99.81, 99.56,
-              99.42, 99.56, '', '', 99.36,
-              99.42, '', 99.56, '', '',
-              99.56, 99.23, 99.62
-            ],
-            fillColor: ['rgba(0, 186, 255, 0.3)', 'rgba(0, 186, 255, 0)'],
-            pointColor: '#00db95',
-            lineColor: '#ffc53d',
-            type: 'polyline',
-            dashed: true
-          }
-        ],
-        color: ['#00baff', '#3de7c9', '#ffffff', '#ffc53d', '#469f4b'],
-        x: {
-          data: [
-            '10/01', '', '10/03', '', '10/05', '',
-            '10/07', '', '10/09', '', '10/11', '',
-            '10/13', '', '10/15', '', '10/17', '',
-            '10/19', '', '10/21', '', '10/23'
-          ]
-        },
-        y: {
-          min: 96,
-          max: 100,
-          fixed: 2,
-          num: 10,
-          unit: '%'
-        }
-      },
-
-      polylineChartData2: {
-        data: [
-          {
-            data: [
-              99.81, 99.42, 99.56, 99.23, 99.62,
-              99.36, 99.56, '', 99.81, 99.56,
-              99.42, 99.56, '', '', 99.36,
-              99.42, '', 99.56, '', '',
-              99.56, 99.23, 99.62
-            ],
-            fillColor: ['rgba(0, 186, 255, 0.3)', 'rgba(0, 186, 255, 0)'],
-            pointColor: '#00db95',
-            type: 'polyline'
-          },
-          {
-            data: [
-              97.81, 97.42, 97.56, 97.23, 97.62,
-              97.36, 97.56, '', 97.81, 97.56,
-              97.42, 97.56, '', '', 97.36,
-              97.42, '', 97.56, '', '',
-              97.56, 97.23, 97.62
-            ],
-            fillColor: ['rgba(0, 219, 149, 0.3)', 'rgba(0, 219, 149, 0)'],
-            type: 'smoothline'
-          }
-        ],
-        color: ['#00baff', '#3de7c9', '#ffffff', '#ffc53d', '#469f4b'],
-        x: {
-          data: [
-            '10/01', '', '10/03', '', '10/05', '',
-            '10/07', '', '10/09', '', '10/11', '',
-            '10/13', '', '10/15', '', '10/17', '',
-            '10/19', '', '10/21', '', '10/23'
-          ]
-        },
-        y: {
-          fixed: 2,
-          unit: '%'
-        },
-        boundaryGap: true
-      },
-
-      polylineChartData3: {
-        data: [
-          {
-            data: [99.81, 99.42, 99.56, 99.23, 99.62, 99.36, 99.56],
-            columnColor: ['rgba(0, 186, 255, 0.3)', 'rgba(0, 186, 255, 0)'],
-            type: 'column'
-          },
-          {
-            data: [97.81, 97.42, 97.56, 100.23, 97.62, 97.36, 97.56],
-            fillColor: ['rgba(0, 219, 149, 0.3)', 'rgba(0, 219, 149, 0)'],
-            type: 'smoothline'
-          }
-        ],
-        color: ['#00baff', '#3de7c9', '#ffffff', '#ffc53d', '#469f4b'],
-        x: {
-          data: ['10/01', '10/02', '10/03', '10/04', '10/05', '10/06', '10/07']
-        },
-        y: {
-          fixed: 2,
-          unit: '%'
-        },
-        boundaryGap: true
-      },
-
-      polylineChartData4: {
-        data: [
-          {
-            data: [3, 4.5, 4, 6, 5, 4, 3],
-            dashed: true
-          },
-          {
-            data: [0.5, 1, 0.8, 3, 2, 1.5, 0.5],
-            fillColor: ['rgba(61, 231, 201, 0.5)', 'rgba(61, 231, 201, 0.1)']
-          },
-          {
-            data: [1, 3, 2, 4, 3, 2, 1],
-            type: 'smoothline',
-            fillColor: ['rgba(255, 197, 61, 0.4)', 'rgba(255, 197, 61, 0.1)']
-          },
-          {
-            data: [2, 2.5, 3, 5, 4, 3, 2],
-            type: 'column',
-            columnColor: ['rgba(52, 36, 50, 0.8)', 'rgba(52, 36, 50, 0.4)']
-          }
-        ],
-        x: {
-          data: ['10/01', '10/02', '10/03', '10/04', '10/05', '10/06', '10/07']
-        },
-        y: {
-          max: 6,
-          min: 0,
-          unit: '单位'
-        },
-        labelLine: ['收费系统', '收费系统', '监控系统', '供配电系统'],
-        color: ['#00baff', '#3de7c9', '#ffc53d', '#342432'],
-        boundaryGap: true
-      },
-
       colors: ''
     }
   }
diff --git a/src/views/demo/chart/columnChartDemo.vue b/src/views/demo/chart/columnChartDemo.vue
index 5d29dc5..db7c7be 100644
--- a/src/views/demo/chart/columnChartDemo.vue
+++ b/src/views/demo/chart/columnChartDemo.vue
@@ -281,6 +281,8 @@ data: {
         </highlight-code>
       </div>
     </border-box-7>
+
+    <div id="polyline-chart" />
   </div>
 </template>
 
@@ -306,7 +308,8 @@ export default {
           color: '#2b7bfb',
           data: ['车流量'],
           type: 'rectangle'
-        }
+        },
+        showValueText: true
       },
 
       columnChartData2: {
@@ -462,7 +465,7 @@ export default {
             '十一月份', '十二月份'
           ],
           offset: 40,
-          rotate: true
+          rotate: 20
         },
         y: {
           grid: true,
diff --git a/src/views/demo/chart/polylineChartDemo.vue b/src/views/demo/chart/polylineChartDemo.vue
new file mode 100644
index 0000000..1fa803d
--- /dev/null
+++ b/src/views/demo/chart/polylineChartDemo.vue
@@ -0,0 +1,228 @@
+<template>
+  <div>
+    <border-box-7 class="chart-item" :reverse="true">
+      <polyline-chart :data="polylineChartData1" :colors="colors" class="chart" />
+
+      <div class="config-info">
+        <div class="title">Polyline-chart</div>
+
+        <highlight-code>
+&lt;polyline-chart :data="data" :colors="colors" /&gt;
+        </highlight-code>
+
+        <highlight-code>
+// 折线图与柱状图折线部分相似
+data: [
+  {
+    data: [32, 30, 55, 24, 33, 25],
+    lineColor: '#3de7c9'
+  }
+],
+x: {
+  data: ['西峡', '周口', '南阳', '驻马店', '郑州', '洛阳']
+},
+showValueText: true,
+// 非必需 数值展示位置偏移量
+valueTextOffset: [10, -5]
+        </highlight-code>
+      </div>
+    </border-box-7>
+
+    <border-box-7 class="chart-item">
+      <polyline-chart :data="polylineChartData2" class="chart" />
+
+      <div class="config-info">
+        <div class="title">Polyline-chart</div>
+
+        <highlight-code>
+&lt;polyline-chart :data="data" /&gt;
+        </highlight-code>
+
+        <highlight-code>
+data: {
+  data: [
+    {
+      data: [
+        99.81, 99.42, 99.56, 99.23, 99.62,
+        99.36, 99.56, '', 99.81, 99.56, ...
+      ],
+      lineType: 'dashed',
+      lineDash: [2, 2],
+      lineColor: '#277dfb',
+      pointColor: '#3de7c9',
+      fillColor: ['rgba(40, 125, 252, 0.3)', 'rgba(40, 125, 252, 0)']
+    },
+    {
+      data: [
+        97.81, 97.42, 97.56, 97.23, 97.62,
+        97.36, 97.56, '', 97.81, 97.56, ...
+      ],
+      fillColor: ['rgba(0, 219, 149, 0.3)', 'rgba(0, 219, 149, 0)'],
+      type: 'smoothline'
+    }
+  ],
+  x: {
+    data: [
+      '10/01', '', '10/03', '', '10/05', '',
+      '10/07', '', '10/09', '', '10/11', '', ...
+    ]
+  },
+  y: {
+    min: 96,
+    max: 100,
+    // 数据精度 数据最大最小差值较小时 建议设置精度
+    fixed: 2,
+    num: 10,
+    unit: '%'
+  }
+}
+        </highlight-code>
+      </div>
+    </border-box-7>
+
+    <border-box-7 class="chart-item" :reverse="true">
+      <polyline-chart :data="polylineChartData3" class="chart" />
+
+      <div class="config-info">
+        <div class="title">Polyline-chart</div>
+
+        <highlight-code>
+&lt;polyline-chart :data="data" /&gt;
+        </highlight-code>
+
+        <highlight-code>
+data: {
+  data: [
+    {
+      data: [2, 2.5, 3, 6, 3, 2.5, 2],
+      fillColor: ['rgba(255, 38, 214, 0.5)', 'rgba(40, 82, 255, 0.1)']
+    },
+    {
+      data: [3, 2, 4, 5, 4, 2, 3],
+      type: 'smoothline'
+    }
+  ],
+  x: {
+    data: ['10/01', '10/02', '10/03', '10/04', '10/05', '10/06', '10/07']
+  },
+  // 非必需 不贴合坐标轴绘制
+  boundaryGap: true
+}
+        </highlight-code>
+      </div>
+    </border-box-7>
+
+    <border-box-7 class="chart-item">
+      <!-- <polyline-chart :data="polylineChartData4" class="chart" /> -->
+
+      <div class="config-info">
+        <div class="title">Polyline-chart</div>
+
+        <highlight-code>
+&lt;polyline-chart :data="data" /&gt;
+        </highlight-code>
+
+        <highlight-code>
+data: [
+// 44444444
+}
+        </highlight-code>
+      </div>
+    </border-box-7>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PolylineChartDemo',
+  data () {
+    return {
+      polylineChartData1: {
+        data: [
+          {
+            data: [32, 30, 55, 24, 33, 25],
+            lineColor: '#3de7c9'
+          }
+        ],
+        x: {
+          data: ['西峡', '周口', '南阳', '驻马店', '郑州', '洛阳']
+        },
+        y: {
+        },
+        showValueText: true,
+        valueTextOffset: [10, -5]
+      },
+
+      polylineChartData2: {
+        data: [
+          {
+            data: [
+              99.81, 99.42, 99.56, 99.23, 99.62,
+              99.36, 99.56, '', 99.81, 99.56,
+              99.42, 99.56, '', '', 99.36,
+              99.42, '', 99.56, '', '',
+              99.56, 99.23, 99.62
+            ],
+            lineType: 'dashed',
+            lineDash: [2, 2],
+            lineColor: '#277dfb',
+            pointColor: '#3de7c9',
+            fillColor: ['rgba(40, 125, 252, 0.3)', 'rgba(40, 125, 252, 0)']
+          },
+          {
+            data: [
+              97.81, 97.42, 97.56, 97.23, 97.62,
+              97.36, 97.56, '', 97.81, 97.56,
+              97.42, 97.56, '', '', 97.36,
+              97.42, '', 97.56, '', '',
+              97.56, 97.23, 97.62
+            ],
+            fillColor: ['rgba(0, 219, 149, 0.3)', 'rgba(0, 219, 149, 0)'],
+            type: 'smoothline'
+          }
+        ],
+        x: {
+          data: [
+            '10/01', '', '10/03', '', '10/05', '',
+            '10/07', '', '10/09', '', '10/11', '',
+            '10/13', '', '10/15', '', '10/17', '',
+            '10/19', '', '10/21', '', '10/23'
+          ]
+        },
+        y: {
+          min: 96,
+          max: 100,
+          fixed: 2,
+          num: 10,
+          unit: '%'
+        }
+      },
+
+      polylineChartData3: {
+        data: [
+          {
+            data: [2, 2.5, 3, 6, 3, 2.5, 2],
+            fillColor: ['rgba(255, 38, 214, 0.5)', 'rgba(40, 82, 255, 0.1)']
+          },
+          {
+            data: [3, 2, 4, 5, 4, 2, 3],
+            type: 'smoothline'
+          }
+        ],
+        x: {
+          data: ['10/01', '10/02', '10/03', '10/04', '10/05', '10/06', '10/07']
+        },
+        labelLine: ['收费系统', '收费系统', '监控系统', '供配电系统'],
+        color: ['#00baff', '#3de7c9', '#ffc53d', '#342432'],
+        boundaryGap: true
+      },
+
+      colors: ''
+    }
+  }
+}
+</script>
+
+<style lang="less">
+
+</style>
diff --git a/src/views/demo/document.vue b/src/views/demo/document.vue
index 41025a8..7e86d32 100644
--- a/src/views/demo/document.vue
+++ b/src/views/demo/document.vue
@@ -8,22 +8,17 @@
 
       <div class="title">使用</div>
 
-      <div class="text-info">你需要将如下文件复制至你的项目内</div>
-      <div class="text-info">./src/plugins</div>
-      <div class="text-info">./src/components</div>
-      <div class="text-info">./src/config</div>
-      <div class="text-info">并在main.js中引入plugins和components</div>
+      <div class="text-info">你需要将DataV文件夹复制至你的项目内</div>
+      <div class="text-info">并在main.js中引入使用</div>
 
       <highlight-code>
 // main.js
-import datavComponents from './components/index.js'
-import datavPlugins from './plugin/index.js'
+import dataV from './DataV/index.js'
 
-Vue.use(datavComponents)
-Vue.use(datavPlugins)
+Vue.use(dataV)
 
 // 可以直接在Views文件夹下的dataView页面直接编写页面
-// dataView页面已做全屏缩放处理 roterPath: #/datav/view
+// dataView页面已做全屏缩放处理 routerPath: #/datav/view
       </highlight-code>
 
       <div class="text-info">组件具体用法见示例</div>