![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
莫逸雪
戒骄戒躁,面包会有的,牛奶也会有的。
展开
-
vue中使用echarts
安装echarts依赖npm install echarts -S或者使用淘宝的镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S创建图表首先需要全局引入在main.js中// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echartsvue中代码:<template&g原创 2020-08-17 21:50:58 · 259 阅读 · 0 评论 -
echarts设置hover提示框
1.写的位置:第一种:默认方式 tooltip: { trigger: 'axis' },加上这句就显示提示框,效果图如下:第二种:自定义显示形式 tooltip: { trigger: 'axis', formatter: '{b0}<br/>{a0}: {c0}家<br/>{a1}: {c1}元' }效果图如下:这种方式面临的问题:解决(有点暴力,后期想到其他方式再更新):原创 2020-06-13 13:28:01 · 6211 阅读 · 0 评论 -
echarts柱形图的相关设置
option中data的值要根据业务场景修改option = { //设置鼠标靠近显示label tooltip: {}, textStyle: { color: '#1BB3E3' }, xAxis: { type: 'category', // x坐标轴 axisLine: { show: true, // 设置坐标轴颜色 l原创 2020-06-06 13:50:12 · 587 阅读 · 0 评论 -
echarts折线图的相关设置
option = { // 全局设置字体颜色 textStyle: { color: '#1BB3E3' }, // 是否显示鼠标指向时显示label 可设置formatter自定义样式 tooltip: {}, xAxis: { type: 'category', axisLine: { show: true, // 设置坐标轴颜色 .原创 2020-06-04 12:05:29 · 592 阅读 · 0 评论 -
Cannot read property getAttribute of null
vue中需要将调用的echartsoption放在mounted生成周期函数中:原创 2020-06-04 11:40:35 · 2311 阅读 · 0 评论