0

我基本上需要在图表上设置代表两个不同数据集的格式化数据值。我想用不同的颜色展示它们。这是我在 highchart 的图表选项中所做的

plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true,
                     formatter: function() {
                        return '<div class="orange">'+ this.y +' % '+ '</div> | '+
                            '<div class="brown">'+ this.point.name + ' % </div>';
                    }
                },
                pointWidth: 22
            }
        }

我看到这两个值但是颜色保持不变。

任何线索如何实现这一目标？

4

2 回答 2

0

从文档中：

支持 HTML 的子集。工具提示的 HTML 被解析并转换为 SVG，因此这不是一个完整的 HTML 渲染器。支持以下选项卡： , , , ,
, . Span 可以使用 style 属性设置样式，但仅处理与 SVG 共享的与文本相关的 CSS。

虽然这是在谈论toolTip.formatter它，但它仍然适用于dataLabel.formatter.

于 2013-10-29T20:08:01.627 回答
0

是的，您可以实现多色数据标签。

Highcharts 在格式化程序中接受 HTML，然后将其转换为 svg，然后将其放置在 span 元素中。

让你的东西工作起来useHTML: true

这将在格式化程序中呈现您我们的 html。如果您不设置它，它将不会将 HTML 部分作为 HTML。它只是呈现 html 标签中提到的内容。

希望使用 useHTML 可以解决您的问题。

于 2013-10-30T06:01:16.850 回答