v-charts 图例点击事件怎么加？

zxckkc 2020-03-26 03:51:21

v-charts 图例点击事件怎么加？

...全文

1462 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

zxckkc 2020-03-27

打赏
举报

回复

:events="chartEvents"

let self = this
this.chartEvents = {
click: function (item) {
self.name = item.name
console.log(item.name)
}
}

chartSettings: {
dataType: 'percent',
legendLimit: 1,
radius: 150,
selectedMode: 'single',
hoverAnimation: false
},
添加事件监听"click"

zxckkc 2020-03-26

打赏
举报

回复

ve-pie的图表单击事件

快速增长实战经验的课程技术选型：核心框架：Spring Framework 4.X视图框架：Spring MVC 4.X持久层框架：MyBatis 3.X /Mybatis-plus 2.1.8表格插件：Bootstrap Table表单验证插件：BootstrapValidator日期选择插件：Datepicker for Bootstrap数据图表：charts表单美化插件：ICheck树形视图插件：Ztree 数据库 Mysql5+Druid安全框架：Apache Shiro数据库连接池：Druid日志管理：SLF4J、Log4j页面交互：BootStrap、Layer等

v-charts主要是根据echarts用vue封装的可视化工具，用起来更方便， echarts官网 v-charts官网 v-charts的api不全，主要还是要参照echarts官网，在项目开发中遇到了几个难点，花了一些时间研究，以下列出： 1、折线图如何监听鼠标点击、鼠标移入、点击图例事件在页面标签里加上 :events=“lineData.chartEvents” <ve-line :data="lineData.staticData" :events="lineData.chartEve

v-charts柱状图使用、环图监听点击事件及监听点击事件v-charts中柱状图和环图的使用v-charts的使用安装引入柱状图、环图柱状图的使用环图的使用环形图效果 v-charts中柱状图和环图的使用 v-charts的使用安装 npm i v-charts echarts -S 引入柱状图、环图 main.js中引入 // 柱状图 import VeHistogram from 'v-charts/lib/histogram.common' //饼图 import VeRing from 'v-

场景需求根据获取的数据展示饼图图例展示百分比数据点击图例高亮图表项并展示悬浮提示 git地址

解决v-charts环图不显示问题在vue项目中使用vant组件和v-charts组件来实现滑动展示两个不同的环图，开始的时候环图一直显示不出来，解决办法： created() { this.$nextTick(() => { // 解决v-charts不显示问题 // 调用以下的方法实现环图重新渲染 this.$refs.chart_one.echarts.resize() this.$refs.chart_two.echarts.re

24,923

社区成员

16,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章