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);

 

使用echarts画箱线图时调用echarts.dataTool.prepareBoxplotData()

报错："echarts.dataTool.prepareBoxplotData is not a function"

解决办法：

var echarts = require('echarts/lib/echarts')

echarts.dataTool = require('echarts/extension/dataTool')

声明之后就可以正常调用了。

 

对应关系

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

 

树立目标，保持活力，gogogo！