第31页，共417页。 显示 4,167 条结果 (0.033 秒)
echarts柱图正负值显示不同颜色
在电子表格中一个柱图图形中实现其中的柱图根据数值改色，当柱图数值小于0、大于0的时候是不同的2种颜色。 image2020-6-10 16:5:10.png 思路 1）在excel中创建如下图所示电子表格，并插入Echarts图形，保存发布后，打开客户端 捕获.PNG 2）新建客户端宏 image2020-6-10 16:4:29.png 3）宏代码如下，在宏代码中所示设置小于0 和大于0的柱图的颜色 function main(chartView) { var chart = chartView.getChartObject();//获取echarts图形 varecharts柱图正负值显示不同颜色
在电子表格中一个柱图图形中实现其中的柱图根据数值改色，当柱图数值小于0、大于0的时候是不同的2种颜色。 image2020-6-10 16:5:10.png 思路 1）在excel中创建如下图所示电子表格，并插入Echarts图形，保存发布后，打开客户端 捕获.PNG 2）新建客户端宏 image2020-6-10 16:4:29.png 3）宏代码如下，在宏代码中所示设置小于0 和大于0的柱图的颜色 function main(chartView) { var chart = chartView.getChartObject();//获取echarts图形 var交互仪表盘趋势图日期X轴数据为空时显示1-12月份
（本文档仅供参考） 问题说明 当目前数据库数据只有1到8月份的数据时，使用曲线图X轴只能显示有数据的月份，没有办法显示1-12月完整的趋势 image2024-9-21_9-55-20.png 解决方案 方案一 新建一张日期维表和事实表日期字段进行关联，X轴选择日期维表中的日期字段，并将压缩空行去掉 image2024-9-21_10-2-32.png 方案二 通过扩展属性搞定X轴的值 option = { "xAxis": { data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', '测试'] } } 趋势图显示1-12月数据 趋势图显示ECharts图形-瀑布图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 瀑布图采用绝对值与相对值结合的方式，来表达数个特定数值之间的数量变化关系。这种效果的图形能够在反映数据多少的同时，更能直观反映出数据的增减变化过程。 优势：展示两个数据点之间的演变过程。 劣势： 没有柱状图的使用场景多，适用情况单一。 数据要求：一个分类值，一个指标值。数据之间要有演变过程 。 适用场景： 适用于解释两个数据值之间的差异是由哪几个因素贡献ECharts图形-瀑布图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 瀑布图采用绝对值与相对值结合的方式，来表达数个特定数值之间的数量变化关系。这种效果的图形能够在反映数据多少的同时，更能直观反映出数据的增减变化过程。 优势：展示两个数据点之间的演变过程。 劣势： 没有柱状图的使用场景多，适用情况单一。 数据要求：一个分类值，一个指标值。数据之间要有演变过程 。 适用场景： 适用于解释两个数据值之间的差异是由哪几个因素贡献Echarts图形-扩展属性：标签 - 环形图的数据标签只显示百分比且只保留两位小数
问题 环形图可以只显示百分比，不显示文字吗？另外那个百分比好像会四舍五入，可以保留两位小数吗？ 未命名.jpg 解决方案 在环形图上加上以下扩展属性即可。 { "series": [{ "label": { "normal": { "show": true, "position": "outer", "formatter": "{d}%" } } }] } 环形图数据标签显示百分比Echarts图形-扩展属性：样式 - 雷达图修改线条颜色和字体颜色
（本文档仅供参考） 问题 雷达图的分类字体颜色和线条颜色是否可以设置呢？ image2021-6-24_17-38-57.png 解决方案 可以使用扩展属性实现，如下： { "radar": [{ "name": { "textStyle": { "color": "red" } } }], "series": [{ "lineStyle": { "normal": { "color": "blueEcharts图形-扩展属性：样式 - 雷达图如何取消点与点之间的连线及圈线
（本文档仅供参考） 问题 雷达图如何取消点与点之间的连线及圈线？ 解决方案 可以通过如下扩展属性实现 ： { "radar": [{ "splitLine": { "show": false }, "splitArea": { "show": false } }], "series": [{ "lineStyle": { "normal": { "width": 0进度图描述信息修改
（本文档仅供参考，仅适用于本文档中的示例报表/场景，若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码） （本示例已在V11版本中测试并验证通过） 问题说明 如何调整进度图的描述信息，以及字体的颜色？ image2025-3-29_11-32-43.png 解决方案 参考如下仪表盘宏处理： image2025-3-29_11-34-44.png function main(page: IPage, portlet: IEChartsPortlet) { let options = portlet.getChartOptions(); let titleEcharts图形-扩展属性：数据标签 - Echarts树图去掉指标名称的显示
（本文档仅供参考） 问题 echarts树图想要去掉指标名称的显示，如下图的销售额： image2021-12-30_10-4-51.png image2021-12-30_10-5-17.png 解决方案 可以使用如下扩展属性： { "series": [{ "label": { "formatter": "function(param) {return param.data.displayValue}" } }] } image2021-12-30_10-5-44.png
