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

问题描述

我正在尝试自定义我的剑道图表的类别字段文本。 文字太长，所以我想将其中的一部分加粗以区分所写的内容 图表如下所示：What I have now

但我想要的应该是这样的：Expected result

我的图表代码如下所示：

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 没有这样的东西...... 有什么解决办法吗？

解决方法

我看到您这样做的唯一方法是利用 categoryAxis 标签的 Visual 属性：https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/categoryaxis.labels#categoryaxislabelsvisual

您可以通过在文本中附加一个带有粗体的新 kendo.drawing.Text 来实现。请参阅此示例：https://dojo.telerik.com/oGulOZim

您将遇到的问题是何时打破粗体以及何时开始正常字体。这需要您反复试验。