我正在构建我的股票图表,我想动态更改y轴的标题,同时滚动以查看与报价可比的度量单位。我不能同步进行,因为它必须从yTicks数组中计算出来。有没有针对这种情况的回调格式化程序。
尝试通过渲染和重绘事件,但都没有成功。
ar7v8xwq1#
您可以将scroll事件添加到chart.scrollingContainer,并为y轴调用setTitle方法。例如:
scroll
chart.scrollingContainer
setTitle
const chart = Highcharts.chart('container', { ... }); Highcharts.addEvent(chart.scrollingContainer, 'scroll', function() { chart.yAxis[0].setTitle({ text: 'New title ' + Math.random() }); });
字符串
现场演示:https://jsfiddle.net/BlackLabel/25h8bg7x/**API引用:**https:api.highcharts.com/class-reference/Highcharts.Axis#setTitle密码:https://www.highcharts.com/docs/extending-highcharts/extending-highcharts
mpbci0fu2#
许多图表库都提供了使用回调函数来动态格式化坐标轴标签和标题的功能。既然你提到了yTicks数组,我就假设你使用的是像D3.js或Chart.js这样的库?
2条答案
按热度按时间ar7v8xwq1#
您可以将
scroll
事件添加到chart.scrollingContainer
,并为y轴调用setTitle
方法。例如:字符串
现场演示:https://jsfiddle.net/BlackLabel/25h8bg7x/
**API引用:**https:api.highcharts.com/class-reference/Highcharts.Axis#setTitle
密码:https://www.highcharts.com/docs/extending-highcharts/extending-highcharts
mpbci0fu2#
许多图表库都提供了使用回调函数来动态格式化坐标轴标签和标题的功能。既然你提到了yTicks数组,我就假设你使用的是像D3.js或Chart.js这样的库?