image.png

    Data数据格式
    image.png

    1. import ecStat from 'echarts-stat';
    2. let that = this;
    3. if (this.drawPointChart == null) {
    4. } else {
    5.   this.drawPointChart.dispose(); //销毁
    6. }
    7. this.drawPointChart = this.$echarts.init(
    8.   document.getElementById('pointEcharts')
    9. );
    10. this.$echarts.registerTransform(ecStat.transform.regression);
    11. const data = that.xyline;
    12. console.log(that.xyline)
    13. let option = {
    14.   dataset: [
    15.     {
    16.       source: data,
    17.     },
    18.     {
    19.       transform: {
    20.         type: 'ecStat:regression',
    21.         config: {
    22.           method: 'polynomial',
    23.           order: 6,        //多项式回归次数
    24.         },
    25.       },
    26.     },
    27.   ],
    28.   xAxis: {
    29.     type: 'time',
    30.     boundaryGap: false, // false横坐标两边不需要留白  category
    31.   },
    32.   yAxis: {
    33.     type: 'value',
    34.   },
    35.   tooltip: {
    36.     trigger: 'axis',
    37.     axisPointer: {
    38.       type: 'cross',
    39.     },
    40.     formatter: function (params, ticket, callback) {
    41.       var res =
    42.           params[0].axisValueLabel +
    43.           ' <br/><div style="display: flex;justify-content: space-between; font-size: 14px;color: #666;font-weight: 400">' +
    44.           '<div>' +
    45.           params[0].marker +
    46.           params[0].seriesName +
    47.           '</div><div>' +
    48.           '&nbsp&nbsp&nbsp&nbsp&nbsp' +
    49.           params[0].data[1] +
    50.           '</div>' +
    51.           '</div>    <div style= "display: flex;justify-content: space-between;" > ' +
    52.           '<div>' +
    53.           params[1].marker +
    54.           params[1].seriesName +
    55.           '</div><div>' +
    56.           params[1].data[1].toFixed(2) +
    57.           '</div>' +
    58.           '</div>';
    59.       return res;
    60.     },
    61.   },
    62.   dataZoom: [
    63.     {
    64.       type: 'inside',
    65.       start: 0,
    66.       end: 100,
    67.     },
    68.     {
    69.       show: true,
    70.       type: 'slider',
    71.       y: '90%',
    72.       start: 0,
    73.       end: 100,
    74.     },
    75.   ],
    76.   series: [
    77.     {
    78.       name: '沉降量',
    79.       type: 'scatter',
    80.     },
    81.     {
    82.       name: '拟合值',
    83.       type: 'line',
    84.       smooth: true,
    85.       datasetIndex: 1,
    86.       symbolSize: 0.1,
    87.       symbol: 'circle',
    88.       encode: {
    89.         label: 2,
    90.         tooltip: 1,
    91.       },
    92.     },
    93.   ],
    94. };
    95.       this.drawPointChart.setOption(option);