第28页，共420页。 显示 4,196 条结果 (0.04 秒)
电子表格设置柱图柱子的不同颜色(多系列)
图样式,效果图： image2020-6-17 19:33:48.png 设置了柱子颜色的效果图： image2020-6-17 19:32:55.png 设置方法 1、首先在电子表格设计器（Microsoft Office Excel）中，创建电子表格报表。 2、在浏览器的资源定制节点下，选中电子表格，右键 … = spreadsheetReport.getColor(138, 240, 241); //设置颜色，参数顺序是红、绿、蓝，范围是0～255 } 示例资源：设置柱图柱子的颜色_多系列.xml 柱图颜色设置电子表格设置柱图柱子的不同颜色(多系列)
图样式,效果图： image2020-6-17 19:33:48.png 设置了柱子颜色的效果图： image2020-6-17 19:32:55.png 设置方法 1、首先在电子表格设计器（Microsoft Office Excel）中，创建电子表格报表。 2、在浏览器的资源定制节点下，选中电子表格，右键 … = spreadsheetReport.getColor(138, 240, 241); //设置颜色，参数顺序是红、绿、蓝，范围是0～255 } 示例资源：设置柱图柱子的颜色_多系列.xml 柱图颜色设置Echarts图形-矩阵树图图-方案类
Echarts图形-扩展属性：关系图的连线设置箭头方向
（本文档仅供参考） 问题 关系图，在关系连线上直接显示箭头，实现源 -> 目标，如下图所示 image2022-6-12_17-4-47.png 解决方案 可使用如下扩展属性代码实现： { "series": [{ "edgeSymbol": ['none', 'arrow'], "edgeSymbolSize": [10, 10] }] } 另 symbol的可选取值，如下： ‘circle’(圆形), ‘rect’（矩形）, ‘roundRect’（圆角矩形）, ‘triangle’（三角形）, ‘diamond’（菱形）, ‘pin’（大头针）, ‘arrow自助仪表盘双Y联合图设置折线图显示数据标签值
（本文档仅供参考） 问题说明 自助仪表盘 双Y联合图设置折线图显示数据标签，系统会自动识别显示柱子的数值还是折线的数值？ 解决方案 系统目前没有直接配置的选项，需要写一下扩展属性实现（经校验默认会识别到柱图数据，所以需要分别制定图形的数据标签显示），实现步骤如下： image2022-1-13_19-47-9.png 找到自定义属性设置 image2022-1-13_19-47-57.png image2022-1-13_19-48-22.png 扩展属性代码： "series甘特图-流水线生产排程图（Echarts）
（本文档仅供参考） 需求描述： 工厂目前有多条流水线，每天8点开始运行，17点分停止，希望以图形的形式展示当天流水线各个机器的安排情况。 image2022-11-16_9-54-39.png image2022-11-16_9-57-31.png 原理： smartbi内置了echarts图形，但是未支持时间轴，因此需要把日期转换成数值，然后使用横向堆积图展示。 实现步骤： 一、数据准备 1、把日期时间处理成数字：从数据上看可以考虑把任务执行的消化时长数值作为X轴，但X轴是从0开始的，而机器每天8点开始运行，因此还需要对8点开始的机器+8。即：开始时间=8点 然后耗时+8，其他时间段 然后直接处理成耗时，对所有线图/面积图-特殊数值线图-特殊值添加说明
问题描述 在“线图/面积图”组件模板资源中，有一个组件模板“特殊数值线图”，其效果如下： 0309-66.png 在这个线图上，存在两条特殊线，特殊线有自己的值，在数据中值低于特殊线的对应的点和线显示一种颜色，高于特殊线数据对应的点和线显示另一种颜色。该组件模板用于表示在特殊数据之上和之下的数据的区别。 但用户可能对2823.6和2230这两个数值代表什么含义不是很清晰，我们是否有可能在特殊值上加一些说明呢？比如下面的效果： 0309-74.png 解决方法 可按如下步骤操作 1、在复制过来并替换数据之后的组件模板上，右键→宏管理 0309-67.png 2、在宏管理界面上，点击一下刷新按钮，这样登录进入到Smartbi系统后，主界面背景图替换
（本文档仅供参考） 问题 登录进入到Smartbi系统后，主界面的背景图如何替换？ image2022-1-13_11-28-19.png 解决方案 1、F12定位到对应的背景图路径，然后在war包中找到该路径，并添加要替换的图片，需重启服务后生效 （前端元素查找也可参考此文档：前端元素查找） https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1642041736309_k9vb8_1642041736315_61oc8.png?x-oss-process=image/auto-orient,0 2、在【系统运维-界面设置Echarts图形-扩展属性：柱图鼠标提示保留3位小数
（本文档仅供参考） 问题 如何实现柱图鼠标提示保留3位小数的效果 解决方案 可以用以下扩展属性实现： { "tooltip": { "show": true, "formatter": "function(a){ return a.name+':'+parseFloat(a.value).toFixed(3)}" } } 效果如下图示： image2022-4-7_17-35-2.png 鼠标提示小数位数Echarts树图导出PNG和展示的图形颜色效果不一致
问题 导出后背景颜色改变： image2018-11-16 19:16:24.png 原因及解决方案 导出功能的运行js环境和浏览器的环境不一样，对于一些特殊的颜色设置没有很好的支持，应该建议在设置【扩展属性的颜色】时，不用使用【lightgray】这样的英文字样颜色来设置，尽量使用【#fff】之类的颜色代码来设置 树图导出颜色不一样
