第17页，共420页。 显示 4,193 条结果 (0.034 秒)
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图形 varECharts图形-瀑布图
{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图形-扩展属性：双向横条图
（本文档仅供参考） 问题 想要在echarts上实现像excel上的数据条图：（可以看到中间的为月份，黑色的为指标，红色的为当前月完成的指标，左右两边分别是对应的两个部门） 截屏2021-09-27 下午3.31.48.png 实现方案 可以通过扩展属性实现此需求： 截屏2021-09-27 下午 … }, "barGap": "-100%", "xAxisIndex": 0, "yAxisIndex": 0 }] } 双向横条图 数据条图【多指标对比柱图】的实现方案
（本文档仅供参考） 问题 当前对比柱图中，只能选择1个维度和两个度量，那么如何实现多指标对比柱图？ 对比柱图.png 多指标对比柱图.png 解决方案 1.通过左右翻转多指标柱图来组合生成多指标对比柱图 自定义属性.png 自定义属性 option = { "yAxis": { "inverse": false, // 设置y轴为正常方向 "position": "right" // 设置y轴位置在右侧 }, "xAxis": { "inverse": true, // 设置x轴为反向方向 //"position": "topEcharts图形-扩展属性：柱图数据标签重叠问题
（本文档仅供参考） 问题 当柱图系列较多，数值较大且相近时，容易出现数据标签重叠的现象，如下图所示： image2021-4-25_10-41-38.png 如何实现每个系列中的数据标签可以依次往上偏移，实现数据标签不重叠？ 解决方案 可通过扩展属性调整每个柱子的数据标签位置，扩展属性如下： { "series": [{ "itemStyle": { //有多个系列柱图，需要设置多个itemStyle "normal": { "label": { "show": true, "position": "top", "offset": [0, 0] //是否对文字进行偏移。默认不偏移。例如：[30Echarts图形-扩展属性：雷达图相关扩展属性
（本文档仅供参考） 问题 希望对雷达图做一些个性化的设置。具体的扩展属性该怎么写，比如填充雷达图的颜色，修改指示器轴的分割段数。 解决方案 雷达图的扩展属性可参考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.png矩阵树图
1 概述 矩形树图，是一种有效的实现层级结构可视化的关系型图表结构。 在树图中，各个小矩形的面积表示每个子节点的大小，面积越大，表示子节点在父节点中的占比越大，整个矩形的面积之和表示整个父节点。右键点击矩形块可下钻到子分支，每个子分支的矩形又按照相应节点的子节点进行分割。 通过树图及其钻取情况，用户可以清晰地了解到数据的全局层级结构和每个层级的详情。 2 业务场景 1、场景描述：某大型零售公司，想要分析省份和下一层级发货城市的销售量，如下图所示： shutu01.gif 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 （1）在数据选择区中，拖拽 省份 字段到 标记 > 标签 ，销售额Echarts图形-扩展属性：堆积柱图+线图
（此文档仅供参考） 问题 希望双Y联合图，可以实现堆积柱图+线图的效果。 实现方案 可以用以下扩展属性实现： { "series": [{ "stack": "aaa", "z": 2 }, { "stack": "aaa", "z": 2 }, { "z": 3 }] } 最终效果： image2022-5-17_16-33-25.png 属性解析说明：数据堆叠，同个类目轴上系列配置相同
