如何解决如何自定义剑道图表中的类别字段文本
我正在尝试自定义我的剑道图表的类别字段文本。
文字太长,所以我想将其中的一部分加粗以区分所写的内容
图表如下所示: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
您将遇到的问题是何时打破粗体以及何时开始正常字体。这需要您反复试验。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。