第15页,共132页。 显示 1,312 条结果 (0.133 秒)
ECharts图形-扩展属性
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 可以在下面直接写图形的配置项,具体配置请参考:图形配置手册 https://echarts.apache.org/zh/option.html#series-gauge.endAngle 2019-11-27 星期三 10-48-07.png 合并:会自动和其他配置项合并,配置项相同的话,扩展属性的优先级更高。 覆盖:其他设置项都不生效,只有在扩展Echarts图形-扩展属性:Y轴数据不随X轴的区域缩放拖动变换
3、进行【图形设置】–》【坐标轴】-》【左Y轴设置】-》【刻度设置】-》【最大刻度】: image2018-11-20 13:46:52.png 4、效果,可以看到 左Y轴 不会随 X轴 拖动变换 : 效果.gif y轴值不变Echarts图形-扩展属性:y轴最大最小值修改(仪表盘使用)
));}" } } 打开图形组件设置,进入自定义属性配置界面,将以上代码复制到代码编辑框中即可。 image2023-2-28_18-7-32.png 另,V11-线图可参考以下代码 "yAxis": { "max": "dataMax", "min": "dataMinEcharts图形-扩展属性:鼠标提示 - 柱图数据太小,导致无法点击跳转
(示例仅供参考) 问题 在echarts柱形图中若存在一些数据相差巨大,会导致无法快速点击数据量小的柱子进行下钻。 柱子太小无法点击.png 解决方案 当柱子展示图形过小,鼠标移上去无法正常显示数据,若此时只想实现鼠标移上去展示柱子数据,可通过增加以下扩展属性实现: { "tooltip": { "trigger": "axis", "axisPointer": { "type": "shadowEcharts图形-扩展属性:样式 - Echarts双Y联合图中去掉背景阴影,背景透明
(此文档仅供参考) 问题 1 echarts双Y联合图中的背景阴影无法去掉,将“坐标轴”设置“分割线”和“分割区域”都设置为“否”,预览仍然没有效果。如图 2 echarts单Y图形中设置坐标轴是生效的,没有阴影 image2019-4-9 17:1:55.png 原因 双Y联合图中,在左Y轴和X轴中有设置“分割线”和“分割区域”的选项,但右Y轴设置中没有设置“分割区域”的选项,所以要通过扩展属性去修改。 (注:关于双Y联合图中右Y轴没有设置“分割区域”的选项问题,已上报产品建议,后续研发统一优化,目前暂时通过扩展属性去修改) image2019-4-9 18图形输出最大行数不能超过1000
(本文档仅供参考) 问题描述: 仪表盘图表组件设置高级-输出行数最大为1000行,改更大也会变成1000;电子表格报表插入echarts图形设置的自定义行数也是得小于2000;而去系统选项-公共配置也会提示限制。 image2024-3-15_10-7-1.png image2024-3-15_10-10-18.png image2024-3-15_10-6-25.png 解决方案: 这个是为了性能考虑,并且一般也无需展示如此大数据量的图形,故做了此限制。不过,扩展属性最大支持5000,若确实有需要的话,仪表盘资源可以到组件设置——自定义属性设置,电子表格可以到图表编辑——扩展属性配置。 扩展代码Echarts图形-扩展属性:仪表盘缩略轴(datazoom)的背景色修改
: 'transparent', // 设置数据背景区域填充颜色为透明色 } } }] } 效果如下,另如果是开启了图形本身的缩略轴,建议关掉后再通过扩展属性进行个性化配置: image2024-12-20_18-58-20.png 问题2: V10版本缩略轴开启ECharts图形-关系图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 关系图是指使用图形和连线表示节点与节点(人物或是 … ;font-size: 24px; height: 5px;"> </div>{html} 业务情景描述:展示乔布斯的人物关系。 数据结构 :【本示例采用了northwind数据源内的t_gxt表】 image2021-6-10_11-34-30.png Echarts图形可以在即席查询、透视分析、电子表格中添加,操作步骤基本ECharts图形-关系图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 关系图是指使用图形和连线表示节点与节点(人物或是 … ;font-size: 24px; height: 5px;"> </div>{html} 业务情景描述:展示乔布斯的人物关系。 数据结构 :【本示例采用了northwind数据源内的t_gxt表】 image2021-6-10_11-34-30.png Echarts图形可以在即席查询、透视分析、电子表格中添加,操作步骤基本Echarts图形-扩展属性:标注线显示为百分比并保留两位小数
中仪表盘的图形可使用如下扩展属性实现: { "series": [{ "markLine": { "label": { "normal": { "show": true