第20页，共434页。 显示 4,338 条结果 (0.035 秒)
图表组件-柱图
://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83698920 2022-01-22_17-07-42.png 2022-01-22_17-08-23.png 瀑布图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83698941 2022-01-22_17-08-55.png 对比柱图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83698923 2022-01-22_17-09-42.png 分区柱图 https交互仪表盘使用联合图制作柏拉图
（本文的仅供参考） 需求背景： 柏拉图（也叫帕累托分析）是统计学中较为常用的图像，会按特定角度适当分类而依各类出现的大小顺序排列的图表，可以描绘影响结果的占比情况以及持续变化情况，其实现效果如下图。其图形主要的目的是为了能够看出影响最终结果的指标的占比情况以及排列情况 image2023-12-31_14-12-14.png 实现效果： image2023-12-31_14-14-20.png 具体步骤： 具体步骤： 1、选用双Y联合图来制作 image2023-12-31_14-14-31.png 2、拖拽两个相同的度量 image2023-12-31_14-15-54.png 3交互仪表盘通过两张柱图体现top排名
（该文档仅供参考） 问题描述： 如果想要通过两张图来体现top排名情况，该如何去实现？ image2024-12-31_9-59-12.png 解决方案 参考下图，通过新建命名集，使用except函数和topN函数取5-8的排名情况即可实现。 image2024-12-31_9-46-20.png image2024-12-31_9-46-7.png 实现top的分区排名 分别实现1-4及5-8的降序排名 柱图分别实现两个top的降序排名Echarts图形-扩展属性：数据标签 - 堆积柱图显示各自数据标签及合计值
（本文档仅供参考） 问题 想要实现既显示堆积柱图各自的数据项标签又显示合计值的效果，如下图示 image2022-3-15_13-45-39.png 解决方案 可添加一个合计字段进行作图，同时通过扩展属性隐藏该合计值字段的柱子，只显示数据标签 { "series": [{ "itemStyle": { "normal": { "label": { "show": true, "position": "inside" } } } }, { "itemStyle": { "normalEcharts图形-扩展属性：鼠标提示 - 柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变，270deg从左往右渐变色，#19263B，#FF0000分别为渐变的颜色 } } 鼠标提示框背景渐变Echarts图形-扩展属性：标签 - 饼图数据标签空值转换显示方式
（本文档仅供参考） 问题： 饼图分类中有空白值的分类，想替换成其他显示方式。 image2022-12-30_18-36-3.png 解决方案： 可以参考下方扩展属性： （如果空值是空单元格的话，arg.name http://arg.name == ' '里面也需要打一个空格，同理==后面也可以是其他分类值） { "series": [ { "label": { "normal": { "show": true, "position": "outer", "formatter": "function(arg){if(arg.name == ''){return '空值Echarts图形-扩展属性：折线 - 联合图设置X轴起点在Y轴上
（此文档仅供参考） 问题 如下图，想设置第一条数据标在Y轴点 image2019-10-11 18:36:18.png 解决方案 可采用以下扩展属性 { "xAxis": { "boundaryGap": false } } image2019-10-11 18:35:32.png 另外，对于联合图是自定义标线的起点不在Y轴上的问题也可以用此扩展属性解决。 image2019-10-11 18:38:0.pngEcharts图形-扩展属性：鼠标提示 - 饼图鼠标提示显示千分位、保留两位小数和显示百分比
（本文档仅供参考） 问题 饼图鼠标提示显示千分位和保留两位小数，并且00也要显示出来 image2022-3-23_14-21-34.png 方案 可以参考下方扩展属性： { "tooltip": { "formatter … 小数 饼图鼠标提示百分比Echarts图形-扩展属性：数据标签 - 堆积横条图数据项标签重叠问题
（本文档仅供参考） 问题 由于数据占比太小，导致堆积横条图数据项标签重叠在一起，不方便查看，如下截图 图片16.png 解决方案 可以写扩展属性让数据项标签每组数据显示的位置不一样以避免数据项标签重叠在一起，例如第一组显示在上面，第二组显示在下面，第三组显示在上面。实现效果如下： 图片17.png 可以参考此扩展属性在图形上写扩展属性实现（具体扩展属性需要根据您实际情况修改）： 图片18.png { series: [{ label: { normal: { position: "topECharts图形-3D柱图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 3D柱图是在多维空间中以立方体效果的方式展现焦点数据。 优势：三维的立体图形。 劣势： 没有柱状图、条形图的使用场景多，适用情况单一。 数据要求：两个分类值，一个或多个指标值。 适用场景： 适用于有三个维度的数据。 {html}<div style="border-bottom: 0.5px solid #dfe1e5
