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

原文地址:https://www.cnblogs.com/hao-1234-1234/p/12430112.html

时间: 2024-08-30 10:21:44

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

MyEclipse如何安装egi插件及如何将github项目引入MyEclipse中

一.如何查看MyEclipse版本及Eclipse版本号 查看MyEclipse版本号:MyEclipse主界面的菜单栏的最左边"help"->选择"About MyEclipse Enterprise Workbench"选项,如下图所示: 查看Eclipse版本号:在MyEclipse的安装目录下,打开.eclipseproduct文件,如下图所示: 表明Eclipse的版本号为3.8 二. MyEclipse安装egit插件 接下来,我们需要在MyEcl

vue工程化之项目引入jquery

既然写项目,那么少不了用jq,那我们就引入进来吧 1.因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery 打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改. dependencies:{ "jquery":"^2.2.1"} 2.然后在命令行中cnpm install 大多人应该都是使用的淘宝镜像,所以使用cnpm,如果你不是 ,可以使用npm安装. 3.在webpack.base.conf.

vue+element ui项目总结点(一)select、Cascader级联选择器、encodeURI、decodeURI转码解码、一级mockjs用法、路由懒加载三种方式

不多说上代码: <template> <div class="hello"> <h1>{{ msg }}</h1> <p>Element UI简单Cascader级联选择器使用</p> <el-cascader :options='options' v-model="selectedOptions" @change="handleChange"> </el-

vue + element + 初始化项目

前提:已经安装了好了npm 和 vue脚手架 注意: 进入想要放置项目的目录下. 1.vue init webpack sun-vue-element 2.根据提示输入 y/n 3.npm run dev,可运行该项目. 原文地址:https://www.cnblogs.com/huaisun/p/10626471.html

vue+element ui项目总结点(三)富文本编辑器 vue-wangeditor

1.参考 https://www.npmjs.com/package/vue-wangeditor 使用该富文本编辑器 <template> <div class="egit_box"> <p>富文本编辑器试用</p> <div class="text_box" style="width: 100%;display: flex;justify-content: center;"> <

SpringBoot+SpringCloud+vue+Element开发项目——集成Druid数据源

添加依赖 pom.xml <!--druid--> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</artifactId> <version>1.1.10</version> </dependency> 添加配置文件 application.yml server: port: 800

【vue】vue +element 搭建项目,this.$nextTick用法

相关资料:https://www.cnblogs.com/leaf930814/p/7247478.html https://www.cnblogs.com/duanyue/p/7458340.html   http://www.cnblogs.com/hity-tt/p/6733062.html 原文地址:https://www.cnblogs.com/websmile/p/8761442.html

SpringBoot+SpringCloud+vue+Element开发项目——数据库设计

1.用户表(sys_user) CREATE TABLE `sys_user` ( `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '编号', `name` varchar(50) NOT NULL COMMENT '用户名', `nick_name` varchar(150) DEFAULT NULL COMMENT '昵称', `avatar` varchar(150) DEFAULT NULL COMMENT '头像', `password`

vue入门003~vue项目引入element并创建一个登录页面

上一节已经教大家如何创建一个vue项目,这一节,我们就温故下vue项目的创建,顺便引入element,实现一个简答的登陆页面. 老规矩,先看效果图 一,快速创建vue项目 二,引入element类库 首先我们进入element官网:https://element.eleme.cn/#/zh-CN/component/installation简单熟悉下element.然后如下图所示引入element类库.做完上面的操作后,不要忘记安装依赖. 三,在main.js里引入使用 如下图红色框里所示 四,