vue-element-admin 項目引入Echarts中的dataTool; echarts.dataTool.prepareBoxplotData is not a function

 

import echarts from 'echarts'

import dataTool  from 'echarts/extension/dataTool'

 

引用了就可以輸出，自動和echarts關聯上來。

created（）{

 

 console.log('echarts.dataTool',echarts.dataTool)

}

// 然后在可以用來把數據轉化為盒須圖需要的。 

 

  var data = echarts.dataTool.prepareBoxplotData(dataAll);

 

其它文章：

https://www.cnblogs.com/AIonTheRoad/p/12167596.html

使用echarts畫箱線圖時調用echarts.dataTool.prepareBoxplotData()
報錯："echarts.dataTool.prepareBoxplotData is not a function"

解決辦法：
var echarts = require('echarts/lib/echarts')
echarts.dataTool = require('echarts/extension/dataTool')
聲明之后就可以正常調用了。

https://www.cnblogs.com/qjqcs/archive/2017/01/04/6249234.html

 https://www.jianshu.com/p/07ebaad4a8eb

對應關系

          series: [
              {
                  name: 'boxplot',
                  type: 'boxplot',
                  data: data.boxData,
                  tooltip: {
                  formatter: function(param) {
                    //// [min,  Q1,  median (or Q2),  Q3,  max]
                          return [
                              '' + param.name + ': ',
                              '上邊界: ' + param.data[5],
                              '上四分位數: ' + param.data[4],
                              '中位數: ' + param.data[3],
                              '下四分位數: ' + param.data[2],
                              '下邊界: ' + param.data[1]
                          ].join('<br/>');
                      }
                  }
              },
              {
                  name: '異常值',
                  type: 'scatter',
                  data: data.outliers
              }
          ]