vue -02echartsによって表示されるレポート機能をvueでより完璧にする方法

lodashでマージ機能を
使用する使用方法1。vue
ファイルにインポートします

import _ from 'lodash'

2.データフィールドにマージする独自のオプション構成アイテムを定義します

 options: {
        title: {
          text: '用户来源'
        },
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            label: {
              backgroundColor: '#E9EEF3'
            }
          }
        },
        grid: {
          left: '3%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        },
        xAxis: [
          {
            boundaryGap: false
          }
        ],
        yAxis: [
          {
            type: 'value'
          }
        ]
      }

3.echartsを使用してマウントされたドメインにマージします

 _.merge(res.data, this.options)

4.レポートの構成アイテムとデータを指定するときに、マージされた結果を使用
します(マージは最初のパラメーターres.dataを返します)

    myChart.setOption(res.data)

5.マージの結果:折れ線グラフには、マウスを置いた後に表示されるデータポイントの情報が含まれます
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/Forest_2Cat/article/details/113454842