如何自定义剑道图表中的类别字段文本

Question

我正在尝试自定义我的剑道图表的类别字段文本。这篇文章太长了，所以我想把它的一部分加粗，以便区分所写的内容图表是这样的:我现在拥有的

但是我想要的应该是这样的:预期结果

我的图表代码看起来像这样:

var seriesConfig = [{
field: "Duration",
categoryField: "AlarmDescription",
axis: "duration",
name: textJSLayout["Duration"],
type: seriesType,
tooltip: {
template: "${series.name} : #=mpm.functionHelper.time.getFormattedTime(value)#" +
"<br> #=textJS['PercentageString']# : ${dataItem.Pareto} %" +
"<br> #=textJSLayout['Occurrences']# : ${dataItem.Occurrences} "
},
labels: {
template: "${dataItem.Occurrences}",
visible: true
}
}];

我也尝试过使用模板，但它看起来没有这样的东西为categoryField…有解决方案吗?

Answer 1

我能看到你这样做的唯一方法是利用categoryAxis' Label的视觉属性:https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/categoryaxis.labels#categoryaxislabelsvisual

您可以通过添加一个新的kendo.drawing.Text(加粗字体)来完成此操作。参见这个例子:https://dojo.telerik.com/oGulOZim

当时，您将遇到的问题是打破字体和何时开始正常字体。这需要你的一些尝试和错误。