Echart 图表模板变量 {a}, {b}，{c}，{d}，{e}

模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等。在 trigger 为 'axis' 的时候，会有多个系列的数据，此时可以通过 {a0}, {a1}, {a2} 这种后面加索引的方式表示系列的索引。不同图表类型下的 {a}，{b}，{c}，{d} 含义不一样。其中变量{a}, {b}, {c}, {d}在不同图表类型下代表数据含义为：

折线（区域）图、柱状（条形）图、K线图 : {a}（系列名称），{b}（类目值），{c}（数值）, {d}（无）

散点图（气泡）图 : {a}（系列名称），{b}（数据名称），{c}（数值数组）, {d}（无）

地图 : {a}（系列名称），{b}（区域名称），{c}（合并数值）, {d}（无）

饼图、仪表盘、漏斗图: {a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）

更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。

示例：

formatter: '{b0}: {c0}<br />{b1}: {c1}'
相信看到这里就知道我写的是啥意思了，这个是设置显示的时候的百分比，还有设置左面label的百分比提示：

yAxis: { type: 'value', axisLabel: { show: true, interval: 'auto', formatter: '{value}%' }, show: true } 就是

Echart 图表模板变量 {a}, {b}，{c}，{d}，{e}相关推荐

echart图表环形图（饼图）
最近由于项目需要接触了echart图表插件,由于echart表格配置项比较多,因此整理了自己遇到的一些图表并且粘贴出代码,echarts官网API http://echarts.baidu.com/o ...
Echart图表在项目中如何使用？（前后端详细技术讲解）
Echart图表在项目中的详细使用第二章 Echart图表在项目中的详细使用-折线图篇提示:我们在讲解Echart使用时首先要安装Echart,使用的前端框架时vue,后端时springboot项 ...
echart图表缩放到一定比例（可自定义）后，停止放大，还可以缩小回去
一.需求: 有时候,我们有这样的需求:当echart图表(特别是折线图)的数据量很大,客户要求可以放大图表来仔细查看数据.echart有dataZoom这种技术来支持,也蛮好用的.但是有的客户就是很刁 ...
echarts企业地区大数据图表模板代码
echarts企业地区大数据图表模板代码 Html5 echarts.js制作通用的企业发展营销统计大数据管理图表页面模板代码. 作品介绍 1.网页作品简介方面 : html5 echarts.js制 ...
Grafana Query类型模板变量的使用
Grafana Query类型模板变量的使用一.背景二.需求三.实现步骤 1.创建一个Dashboard 2.设置模板变量 1.添加 nodename 变量,获取服务器的类型 2.添加 inst ...
模板路径，模板变量，过滤器和静态文件的引用
1.模板路径的查找 -查找顺序 1.优先查找settings.py 的DIRS:[os.path.join(BASE_DIR,'templates')] 2.如果APP_DIRS:TRUE 会到INS ...
Echart图表X轴为时间轴的解释
2019独角兽企业重金招聘Python工程师标准>>> 绘制Echart图表,一般情况下x轴type: 'category',但有时候也用到type: 'time', 这两者的主要 ...
Django框架(8.Django中的模板文件的使用和模板变量的简单使用）
为什么使用模板通过视图可以给用户返回一些字符串等等, 那如何向请求者返回一个漂亮的页面呢? 肯定需要用到html.css,如果想要更炫的效果还要加入js,问题来了,这么一堆字段串全都写到视图中,作为 ...
转发：Ajax动态画EChart图表
本人由于项目需要,在状态变化的时候需要动态绘制对应数据的EChart图表,并且不刷新整个网页. 所以就用Ajax动态画EChart图表,下面是开发过程中遇到的一些坑的总结. 流程:页面首次加载时展示一 ...

Echart 图表模板变量 {a}, {b}，{c}，{d}，{e}

Echart 图表模板变量 {a}, {b}，{c}，{d}，{e}

Echart 图表模板变量 {a}, {b}，{c}，{d}，{e}相关推荐

最新文章

热门文章