Highcharts柱形图格式

gmxoilav  于 2022-11-11  发布在  Highcharts
关注(0)|答案(1)|浏览(187)

我们已经得到了一个模型:

我在highcharts上四处寻找,但我不知道我是否能做到这一点。我特别要找的是x轴类别上方的自定义字符串/值。
就我所知,x轴类别只是一个字符串数组,所以我甚至不能使用html或任何东西。

wkftcu5l

wkftcu5l1#

来自文档:
highcharts 中的HTML
Highcharts中的文本和标签是以HTML格式给出的,但由于HTML是在SVG中解析和呈现的,因此只支持其中的一个子集。<b><strong><i><em><br/><span>。可以使用样式属性来设定跨距的样式,但只会行程与SVG共用的文字相关CSS。
在Highcharts中处理文本的大多数地方,它后面还跟有一个名为useHTML的选项。当此选项为真时,文本将在图表顶部以HTML格式布局。这允许完全的HTML支持,如果您想在标签中添加图像,在工具提示中添加表格等,这是一个好主意。
因此,可以在类别数组中使用HTML标记,例如:

xAxis: {
    ...,
    categories: [
      '<span style="font-size: 16px; color: red;">-22.5%</span><br>CLIENT<br>CALLS',
      ...
    ]
  }

现场演示:http://jsfiddle.net/BlackLabel/kLu7rtea/
文件:https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting
API参考:

https://api.highcharts.com/highcharts/xAxis.categories
https://api.highcharts.com/highcharts/xAxis.labels.useHTML

相关问题