温馨提示:本文翻译自stackoverflow.com，查看原文请点击：highcharts - Is It possible to plot a water fall chart as shown in the below image?

highcharts

highcharts - 是否可以绘制下图所示的瀑布图？

发布于 2020-04-04 00:04:13

我需要绘制如下的瀑布图。在图表中，每一列都是一种类别，并且通过添加子类型来计算值。我们如何在底部显示子类型（例如：气体1，气体2），在顶部显示类别（例如3类）。高图有可能吗？

提问者

Jomon

被浏览

102

查看英文版

查看原文

ppotaczek 2020-01-31 20:12

您可以xAxis在类别中使用两个。例如：

xAxis: [{
  opposite: true,
  lineWidth: 0,
  categories: ['Start', 'Category1', 'Category2', 'Category3', 'Category4', 'Balance']
}, {
  linkedTo: 0,
  lineWidth: 0,
  categories: ['', 'Sub-Category 1', 'Liquid 1<br>Liquid 2', 'Gas 1<br>Gas 2', 'Solid 1', ''],
  labels: {
    rotation: 0,
    y: -10
  }
}]

现场演示： https : //jsfiddle.net/BlackLabel/a9bzeqw4/1/

API参考： https : //api.highcharts.com/highcharts/xAxis.labels

Jomon 2020-02-03 12:20:42

谢谢。这就是我想要的。

Jomon 2020-02-03 16:45:20

如何为isSum bar 的负区域中的条赋予不同的颜色，为正的区域中的相同条赋予另一种颜色？

ppotaczek 2020-02-03 17:46:16

您可以使用upColor：api.highcharts.com/highcharts/series.waterfall.upColor和negativeColor：api.highcharts.com/highcharts/series.waterfall.negativeColor属性。

热门帖子

1

内蒙古联通双拨没了好遗憾毕竟我这里之前双拨能叠加网速

2

总是感觉到 Apple Silicon 让双系统变得很难办

3

万界星空科技MES管理系统与其他系统的集成

4

使用 clash 上网时应对 dns 泄露的心得

5

facetime 诈骗电话怎么办？

6

大龄码农被裁员，笔记本求推荐

7

北京 5G/4G 游戏延迟稳定性有办法优化吗？

8

iCloud 2T 国区拼车

9

ios,繁简互换

10

有没有办法让 AI 不胡扯

相关问题

1

只有一幅使用react-grid-layout的图表可以调整大小

2

如何防止高位图用省略号缩短标签

3

无法更新网络图的节点

4

Highchart map/ Highmaps在单击国家/地区时更新vue数据属性

5

高图：删除标记附带的图例

6

高图高图阻止初始缩放效果

7

如何格式化Highstock范围滑块的日期和时间格式

8

带有CSV数据的Higcharts人口金字塔

9

如何在Yii的High Chart容器中给我自己的ID

10

如何在数据标签之间添加距离/间距

热门github

1

Implementation of paper - YOLOv9: Learning What You Want to Learn Using Programmable Gradient Information (翻译：论文实现——YOLOv9: Learning What You Want to Learn using Programmable Gradient Information（利用可编程梯度信息学习您想学的内容）)

2

A Windows and Office activator using HWID / Ohook / KMS38 / Online KMS activation methods, with a focus on open-source code and fewer antivirus detections. (翻译：使用 HWID / KMS38 / Online KMS 激活方法激活 Microsoft 产品的脚本集合，重点是开源代码、较少的防病毒检测和用户友好性。)

3

Get up and running with Llama 2, Mistral, Gemma, and other large language models. (翻译：启动并运行 Llama 2、Mistral、Gemma 和其他大型语言模型。)

4

该项目可以让你通过订阅的方式使用Cloudflare WARP+，自动获取流量。This project enables you to use Cloudflare WARP+ through subscription, automatically acquiring traffic.

5

Multi functional app to find duplicates, empty folders, similar images etc. (翻译：多功能应用程序可查找重复项、空文件夹、相似图像等。)

6

Xray panel supporting multi-protocol multi-user expire day & traffic & ip limit (Vmess & Vless & Trojan & ShadowSocks & Wireguard) (翻译：Xray面板支持多协议多用户到期日&流量&IP限制（Vmess & Vless & Trojan & ShadowSocks & Wireguard)

7

The Free Software Media System (翻译：Jellyfin 是一个免费软件媒体系统，可让您控制管理和流式传输您的媒体。它是专有 Emby 和 Plex 的替代方案，通过多个应用程序从专用服务器向最终用户设备提供媒体。)

8

lightweight, standalone C++ inference engine for Google's Gemma models. (翻译：适用于 Google Gemma 模型的轻量级独立 C++ 推理引擎。)

9

📚 Freely available programming books (翻译：📚 免费提供的编程书籍)

10

A collective list of free APIs (翻译：免费 API 的集合列表)

11

1️⃣🐝🏎️ The One Billion Row Challenge -- A fun exploration of how quickly 1B rows from a text file can be aggregated with Java (翻译：十亿行挑战 —— 使用 Java 对文本文件中的 10 亿行数据进行聚合的有趣探索)

12

🎓 Path to a free self-taught education in Computer Science! (翻译：🎓计算机科学免费自学教程！)

13

Curso para aprender el lenguaje de programación Python desde cero y para principiantes. 75 clases, 37 horas en vídeo, código, proyectos y grupo de chat. Fundamentos, frontend, backend, testing, IA... (翻译：从零开始学习 Python 编程语言的课程，适合初学者)

14

This repository contains System Design resources which are useful while preparing for interviews and learning Distributed Systems (翻译：该存储库包含系统设计资源，在准备面试和学习分布式系统时非常有用)

15

Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention. (翻译：Mamba 是一种新的状态空间模型架构，在信息密集型数据（例如语言建模）上显示出良好的性能，而之前的二次模型在 Transformers 方面存在不足。它基于结构化状态空间模型的进展，并本着FlashAttention的精神进行高效的硬件感知设计和实现。)