在Angular 7中使用Highcharts,并且在页面加载时Node.marker不起作用的解决方法如下:
首先,确保你已经正确地安装了Highcharts和Angular Highcharts库。
在你的组件文件中,导入Highcharts和Angular Highcharts库:
import * as Highcharts from 'highcharts';
import * as HighchartsMore from 'highcharts/highcharts-more';
import * as HighchartsExporting from 'highcharts/modules/exporting';
import { Chart } from 'angular-highcharts';
ngOnInit() {
// 初始化Highcharts和Angular Highcharts库
HighchartsMore(Highcharts);
HighchartsExporting(Highcharts);
// 创建Highcharts图表实例
const chart = Highcharts.chart('container', {
// 配置你的图表选项
// ...
});
// 设置Node.marker的样式
chart.series[0].update({
marker: {
enabled: true,
radius: 6,
symbol: 'diamond'
}
});
}
通过以上步骤,你应该能够在Angular 7中正确地加载Highcharts图表,并且Node.marker能够正常工作。请根据你自己的需求调整图表选项和Node.marker的样式。