highcharts - 热图系列名称不显示
问题描述
按照热图图表的演示示例,
系列名称不显示给我,我错过了什么?
series: [{
name: 'Sales per employee',
borderWidth: 1,
data: [[0, 0, 10], [0, 1, 19], [0, 2, 8], [0, 3, 24], [0, 4, 67], [1, 0, 92], [1, 1, 58], [1, 2, 78], [1, 3, 117], [1, 4, 48], [2, 0, 35], [2, 1, 15], [2, 2, 123], [2, 3, 64], [2, 4, 52], [3, 0, 72], [3, 1, 132], [3, 2, 114], [3, 3, 19], [3, 4, 16], [4, 0, 38], [4, 1, 5], [4, 2, 8], [4, 3, 117], [4, 4, 115], [5, 0, 88], [5, 1, 32], [5, 2, 12], [5, 3, 6], [5, 4, 120], [6, 0, 13], [6, 1, 44], [6, 2, 88], [6, 3, 98], [6, 4, 96], [7, 0, 31], [7, 1, 1], [7, 2, 82], [7, 3, 32], [7, 4, 30], [8, 0, 85], [8, 1, 97], [8, 2, 123], [8, 3, 64], [8, 4, 84], [9, 0, 47], [9, 1, 114], [9, 2, 31], [9, 3, 48], [9, 4, 91]],
dataLabels: {
enabled: true,
color: '#000000'
}
}]
解决方案
在问题下方的评论中查阅主题后,您可以使用方法将您的系列名称设置为事件函数Axis.title
内部。然后它应该根据您当前的系列名称在每次图表加载时动态设置。这是显示如何实现它的代码:Chart.events.load
setTitle()
chart: {
events: {
load() {
var chart = this
var seriesName = chart.series[0].name
chart.xAxis[0].setTitle({ text: seriesName, style: { fontWeight: 'bold' } })
}
}
}
现场示例:https ://jsfiddle.net/9rcsqyov/
API参考:
https://api.highcharts.com/highcharts/chart.events.load
https://api.highcharts.com/class-reference/Highcharts.Axis#setTitle
推荐阅读
- inno-setup - 根据 Inno Setup 中的分辨率设置图像
- python - 在 pandas 的另一列中添加基于日期的期间列
- angular - Angular - 在浏览器刷新时,显示根组件而不是路由中定义的组件
- machine-learning - 将 ImageDataGenerator 集成到自己定制的 fit_generator 中
- flutter - 颤振 url_launcher 插件导致问题
- apache-spark - 将 spark 2.4.3 (emr 5.25.0) 与 delta Lake io 0.6.0 一起使用时出现奇怪的非关键异常
- python - 使基本的基因组测序程序正常工作
- angular - Angular - 在 form.setValue() 之后反应式表单不更新
- asp.net-core - 使用源 XML 而不保留源时 GetClientSettings() 上的 Codeeffects 内部错误
- python - Python列表到字符串循环