第9页,共177页。 显示 1,765 条结果 (0.025 秒)
Echarts图形-扩展属性:数据标签 - 横条图数据项标签负值显示为正数
(此文档仅供参考) 问题1: 横条图原始数据项标签如下截图,希望左边的数据项标签显示为正值: image2022-2-9_16-51-59.png 解决方案 可以参考以下扩展属性去实现: { "series": [{},{ "label … ;}" } } }] } 实现效果如下: image2022-2-9_16-50-45.png 实现数据标签(label)效果后,如何在横条图中继续实现左边的数据提示(tooltip)显示为正值:可以参考以下扩展属性去实现: 1 2 3 4 5 6Echarts图形-扩展属性:柱子 - 堆积柱图柱子颜色渐变效果
=1&modificationDate=1629799972000&api=v2 解决方案 具体请参考如下扩展属性: { "series": [{ "itemStyle": { "normal": { "color … 柱图渐变 堆积柱图上想要柱子的颜色实现渐变的效果,如下截图 柱图渐变效果.png 解决方案 具体请参考如下扩展属性 { "series": [{ "itemStyle": { "normal": { "colorEcharts图形-扩展属性:缩略轴 - 横向柱状图缩略轴、添加上下方向滚动条、隐藏滚动条
解决方案 可以使用扩展属性实现, 若需要实现x轴缩放可参考此wiki文档:https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750507 https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750507 若要实现x轴不缩放,可参考以下扩展属性: 1 2 3 4 5 6 7 8 9 10 { "dataZoom": [{ "type": "slider", "show": true, "xAxisIndex": [0], "start": 1自定义属性
1 概述 除了常规的图形属性设置,如果还需一些个性化的图形样式需求,可以通过自定义属性实现。 2 功能说明 自定义属性设置项可通过编写Echarts代码对图形的样式进行修改,左下方显示图形使用的版本,界面如下所示: C3.png 功能说明如下: 设置项 说明 按钮 示例 生成参考示例,用户可参考示例编写自定义属性。 格式化 调整Echarts代码的格式。 说明文档 可前往Echarts官网查看Echarts配置项的使用文档。 页面 图形配置 用于配置用户自定义编写的扩展代码,支持注释,支持的注释格式:/*ABC*/、//ABC 。 完整配置 用于展示组件的完整属性Echarts图形-扩展属性:X轴指标滑动效果
(本文档仅供参考) 说明 如何在产品Echarts图形中设置柱图、线图X轴滑动显示,如下图所示 echarts滑动x轴.gif 解决方案 如需实现上述效果,可通过扩展属性实现,如下 { "xAxis": { "axisLine": { "lineStyle … }, { "type": "inside", "xAxisIndex": [0] }] } (本文档仅供参考) 说明 如何在产品Echarts图形中设置柱图、线图X轴滑动显示,如下图所示 echarts滑动x轴.gif 解决方案 如需实现上述效果,可通过扩展属性实现,如下Echarts图形-扩展属性:雷达图相关扩展属性
(本文档仅供参考) 问题 希望对雷达图做一些个性化的设置。具体的扩展属性该怎么写,比如填充雷达图的颜色,修改指示器轴的分割段数。 解决方案 雷达图的扩展属性可参考Echarts文档:https://echarts.apache.org/zh/option.html#series-radar https://echarts.apache.org/zh/option.html#series-radar 可参考附件资源 雷达-颜色-areaStyle.xml image2020-11-17_10-38-26.pngEcharts图形-扩展属性:刻度 - 自助仪表盘的油量图修改宽度和增加单位
(本文档仅供参考) 问题说明 想修改油量图的宽度和添加单位,目前新建的油量图,什么扩展属性都不添加是下面的效果: image2021-4-2_19-8-57.png 解决方案 可以使用扩展属性实现,如下: image2021-4-2_19-10-16.png 前面需要添加一个英文的逗号,然后添加下面的扩展属性 "series": [ { "axisLabel": { "show": false }, "axisLine": { "lineStyle": { "width": "5" } }, "detail": { "formatter第一课:Smartbi中配置ECharts属性
1 可视化配置 Smartbi针对ECharts图形,提供了可视化的配置界面,可支持用户在不了解option配置属性的情况下,依然能按自己的需求,制作出丰富的ECharts图形效果。 Smartbi中的图形可视化配置界面,同样是与ECharts图形结构是一一对应的,如下图所示。其本质是根据用户在可视化配置界面中的设置,构建出option配置对象,进而绘制出ECharts图形的。 14.png 2 扩展属性 ECharts的配置项非常丰富及灵活,无法通过Smartbi的可视化配置界面实现一一对应。因此Smartbi提供扩展属性的功能,当可视化配置界面无法配置出所需图形效果时,可以考虑使用扩展属性调整图形。 15.png第一课:Smartbi中配置ECharts属性
1 可视化配置 Smartbi针对ECharts图形,提供了可视化的配置界面,可支持用户在不了解option配置属性的情况下,依然能按自己的需求,制作出丰富的ECharts图形效果。 Smartbi中的图形可视化配置界面,同样是与ECharts图形结构是一一对应的,如下图所示。其本质是根据用户在可视化配置界面中的设置,构建出option配置对象,进而绘制出ECharts图形的。 14.png 2 扩展属性 ECharts的配置项非常丰富及灵活,无法通过Smartbi的可视化配置界面实现一一对应。因此Smartbi提供扩展属性的功能,当可视化配置界面无法配置出所需图形效果时,可以考虑使用扩展属性调整图形。 15.png设置序列属性(Y轴)
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置柱图中柱子的宽度 … ;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置指标(Y)轴字段的堆积名称,输出图形时会自动识别各字段的堆积名称,使堆积名称相同的序列进行堆积展示。 image2019-12-10 14:55:4.png 预览效果 在堆积柱图中