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

【问题标题】：How to customize category field text in kendo chart如何在剑道图表中自定义类别字段文本
【发布时间】：2021-01-18 10:53:47
【问题描述】：

我正在尝试自定义我的剑道图表的类别字段文本。文字太长，所以我想把它的一部分加粗以区分写的是什么图表如下所示：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 似乎没有这样的东西...... 有什么解决办法吗？

【问题讨论】：

标签： javascript kendo-ui kendo-chart

【解决方案1】：

我能看到您这样做的唯一方法是利用 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

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

【讨论】：