第62页,共489页。 显示 4,882 条结果 (0.037 秒)
实现单起点、多起点的酷炫航线图效果
起点图例不显示 options.legend.show = false; setToolTip(options); setLineType(options.series[0], options.series[2]); setLineType(options.series[1 … ].itemStyle.color = "#f44336"; } line.data[i].label.fontFamily = "serif"; line.data[i].label.position = 'right'; } } //设置数值图例 function实现单起点、多起点的酷炫航线图效果
起点图例不显示 options.legend.show = false; setToolTip(options); setLineType(options.series[0], options.series[2]); setLineType(options.series[1 … ].itemStyle.color = "#f44336"; } line.data[i].label.fontFamily = "serif"; line.data[i].label.position = 'right'; } } //设置数值图例 function表组件
概述 “表组件”,是围绕同一个项目或对象进行全量信息及数据记录的一类基础报表,用于记录和查询数据清单。 V10.5.15以上版本改名为“汇总表” 10.5.8版本 入口 图例 2022-02-19_15-14-10.png 下图的“表组件”显示了围绕“产品”的数据信息。 image2021-7-6_11-18-33.png 10.5.15版本 image2024-5-13_16-57-42.png image2021-7-6_11-18-33.png 配图建议: 列区:1个或多个维度/度量 “表组件”只允许把“维度”和“度量”值拖拽到列即席查询-条件格式
条件格式功能支持的告警类型:文字/背景色、图标集。 设置入口 在 组件设置 中,条件格式分类各功能说明: 功能 说明 效果图 选择字段 只支持选择行区、列区、度量值区、汇总标记(该项仅针对文本组件)上的字段。 tiaojiangeshi.png 编辑 选择 … — ,删除整行内容,此操作会同时清除该字段上的条件格式。 ● 鼠标移到选择字段框中,点击 x 清除该字段,此操作会同时清除该字段上的条件格式。 4.png 5.png 文字/背景色 设置项说明 功能 设置项说明 效果图 应用于整行 “表”组件Echarts图形-扩展属性:刻度 - 油量图表盘刻度显示整数
(本文档仅供参考) 问题 之前的油量图的刻度,从整数变成了两位小数了,这个也找不到地方修改,如下图: image2018-11-20 10:23:17.png 解决方案 油量图表盘刻度显示整数,可使用如下扩展属性设置: { "series": [{ "axisLabel": { "formatter": "function (value) {return value.toFixed(0);}" } }] } 油量图刻度整数Echarts图形-扩展属性:标签 - 漏斗图标签显示不全
(此文档仅供参考) 问题描述: 漏洞图设置显示外部标签后,由于标签文字过长,显示不全,如下图所示: image2022-1-25_17-42-30.png 解决方案: 该问题可以通过调整漏斗图的扩展属性来规避,如下图所示: "series": [ { "width": "80%", "left": "5%" } ] image2022-1-25_17-45-46.pngEcharts图形-扩展属性:数据标签 - 桑基图标签换行
(本文档仅供参考,V95,echarts4.2版本上验证通过) 问题说明 桑基图的标签文字太行,如下,如何换行显示? image2024-11-11_16-26-41.png 解决方案 参考如下扩展属性: "series": [ { "type": "sankey", "label": { "formatter": "function(a){return a.name.match(/.{1,4}/g).join('\\n');}" } } ] image2024-11-11_16-28-7.png image2024-11-11_16-27-14.png 桑基图Echarts图形-扩展属性:x/y轴标签换行
(仅供参考) 问题1: 自助仪表盘柱图x轴名称能否换行显示 解决方案: 自助仪表盘图形柱图组件,组件设置,自定义属性,将编辑框里的属性代码删除掉,黏贴以下代码。(注:在代码正确合理时,会自动将我们自己写的代码合并到原有的代码里) { "xAxis": { "axisLabel … image2021-9-8_9-7-8.png image2021-9-8_9-7-34.png 注:1、 '\\n' ,换行需多加一个 \ 进行转义 ,2、注意双引号,单引号。 V10.5.15中需要把代码放入到option中,具体见以下截图。 2023-12-28_101112.png 问题2: 目前柱图显示效果Echarts图形-扩展属性:柱子 - 设置柱子最小高度
(此文档仅供参考) 问题 柱状图的柱子的最小高度可以怎么设置呢,有的数据之间差距太大了 在图里面显示会很难识别。 image2018-11-2 18:33:17.png 解压方案 通过以下扩展属性设置柱子的最小高度(注:此设置会导致柱图有一定程度的失真)。 { "series": [{ "barMinHeight": 100 }] } image2018-11-2 18:42:17.png 柱图的柱子高度即席查询-报表设置
: image2021-9-23_16-35-33.png 获取 总行数 表示在“分页控制器”中是否获取报表总页数和总行数。该设置项默认为“使用系统默认值”,和设置项“是”效果一致。 获取和不获取总行数的效果对比图如下: image2019-10-23 10:21:44.png image2019-10-23 10:21:9.png 列头 设置 设置列头的属性,主要有:锁定列头、冻结列头、列宽自适应。 锁定列头:表示锁定所有列头,不允许拖动变更列的位置或顺序。 冻结列头:纵向滚动时,列头固定,只滚动数据区域内容。选择冻结列头,前端浏览的性能会有所降低。 列宽自适应:表格各列显示的列宽是动态的,各列