数据可视化
文章平均质量分 87
奔波的鲍滚滚
平平凡凡求生存的人
展开
-
echarts自定义tooltip
echarts自定义tooltip显示使用echarts展示图形的时候,鼠标滑倒图像上,想展示除了系列名,数据名,数据值以外的数据,这时需要使用tooltip的fommater方式进行配置,另外对数据格式也有一定的要求。如下图志愿者活跃数,显示y轴百分比的同时也要显示对应的月份和活跃志愿者总数1、首先要知道y轴如何更改数据格式不会影响图表显示能想到的肯定时数组直接赋值,那么把data改为由value和data组成的json串,这样不会影响图形的展示:value的值默认渲染y轴原创 2020-09-22 11:00:56 · 6936 阅读 · 3 评论 -
echarts环形图分段留白
var placeHolderStyle = { normal: { label: { show: false }, labelLine: { show: false }, color: "rgba(0, 0, 0, 0)", borderColor: "rgba(0, 0, 0, 0)", bo...原创 2020-07-14 15:56:52 · 1227 阅读 · 0 评论 -
Echarts 柱状图点击事件作用域问题
我们的柱状图分布不均匀,有些柱高可能会很小,如果通过myChart.on('click',function(){})来促发事件,可能在点击的时候不好操作,我们可以对在整个对serie的阴影部分绑定点击事件。如图所示:那么,能如何实现点击灰色区域触发绑定的事件呢本文总结了三种实现方法,介绍如下:一:利用echarts提供的新API convertFromPixel完美解决。(最好的办法)myChart.getZr().on("click", (params) => {const原创 2020-06-17 20:34:08 · 2383 阅读 · 0 评论