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

Posted 2021-03-07 hao-1234-1234

 

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
              }
          ]

View Code