我们已经得到了一个模型:
我在highcharts上四处寻找,但我不知道我是否能做到这一点。我特别要找的是x轴类别上方的自定义字符串/值。就我所知,x轴类别只是一个字符串数组,所以我甚至不能使用html或任何东西。
wkftcu5l1#
来自文档:highcharts 中的HTMLHighcharts中的文本和标签是以HTML格式给出的,但由于HTML是在SVG中解析和呈现的,因此只支持其中的一个子集。<b>、<strong>、<i>、<em>、<br/>、<span>。可以使用样式属性来设定跨距的样式,但只会行程与SVG共用的文字相关CSS。在Highcharts中处理文本的大多数地方,它后面还跟有一个名为useHTML的选项。当此选项为真时,文本将在图表顶部以HTML格式布局。这允许完全的HTML支持,如果您想在标签中添加图像,在工具提示中添加表格等,这是一个好主意。因此,可以在类别数组中使用HTML标记,例如:
<b>
<strong>
<i>
<em>
<br/>
<span>
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-formattingAPI参考:
https://api.highcharts.com/highcharts/xAxis.categorieshttps://api.highcharts.com/highcharts/xAxis.labels.useHTML
1条答案
按热度按时间wkftcu5l1#
来自文档:
highcharts 中的HTML
Highcharts中的文本和标签是以HTML格式给出的,但由于HTML是在SVG中解析和呈现的,因此只支持其中的一个子集。
<b>
、<strong>
、<i>
、<em>
、<br/>
、<span>
。可以使用样式属性来设定跨距的样式,但只会行程与SVG共用的文字相关CSS。在Highcharts中处理文本的大多数地方,它后面还跟有一个名为useHTML的选项。当此选项为真时,文本将在图表顶部以HTML格式布局。这允许完全的HTML支持,如果您想在标签中添加图像,在工具提示中添加表格等,这是一个好主意。
因此,可以在类别数组中使用HTML标记,例如:
现场演示: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