【发布时间】：2012-06-20 08:51:58
【问题描述】：
使用 highcharts，如何在柱形图下方放置一个默认的灰色条，例如 this？
我将如何为饼图做类似的事情（如果我的数据占图表的 30%，则将剩余的 70% 显示为浅灰色或类似的东西以表示饼图的未使用空间）
【问题讨论】：
标签： highcharts
【发布时间】：2012-06-20 08:51:58
【问题描述】：
对于饼图，highcharts 论坛中存在一些争论。我要做的是获取您需要绘制的所有数据，并找出所有这些数据占总数的百分比。然后，用剩余的百分比创建另一个数据点并将其颜色设置为灰色。 但是您确实必须考虑总百分比的含义 - 没有更多细节我无法开始猜测。
关于“我的柱形图下的默认灰色条”的第一个问题，从该链接不清楚你的意思。我真的不明白你对我看过的图表的意思。
【讨论】：
-
谢谢。这根本不是一个坏建议。另外，有些不相关，但是您知道在饼图中设置所有数据点的颜色而不单独设置每个数据点的颜色的任何快速方法吗？就条形图而言，想法是相同的——我们的总长度可能是灰色的，彩色部分是我跟踪的总长度的百分比。不确定是否有更简单的方法 w/highcharts。
-
对于条形图，您的意思是像甘特图 (en.wikipedia.org/wiki/Gantt_chart) 之类的东西吗？有一些技巧可以让它工作 (highslide.com/forum/viewtopic.php?f=9&t=10096)。至于提前设置颜色（不是在数据对象中单独设置它们） - 是的，你可以这样做。您可以传入一串颜色供 HighCharts 使用，如果您正确订购它们，它应该可以工作 (highcharts.com/ref/#colors)。请注意，这是全局的，因此您页面上的任何图表都将使用这些颜色。如果您有 5 个系列和 4 种颜色，它会循环回列表中的第一种颜色。
-
不是甘特图，这可能不是最好的例子，但here 如果您查看“明信片”部分，每个条形都有最大长度，但每个条形仍然只有与它与其他值的比例一样大。也许使用 highcharts 'stacked' 选项，计算到 div 末尾的其余部分并给它一个灰色？
-
啊，我得到了你想要的。查看这篇文章 (stackoverflow.com/questions/10595141/…) 和这个链接的 jsFiddle (jsfiddle.net/ayJYV/2)。因为你只有一个最大值，比如 100，你当前的数据是其中的一小部分，然后是其余部分的第二个系列。