kamil.m wrote: ↑Tue Sep 27, 2022 7:28 am
Could you please double-check the both Highcharts and Highcharts More versions, and tell me how you import them to your project?
From what I have found, it's the Highcharts More file update that is causing this issue (once you import the 10.2.1 Highcharts More,
the drag and drop functionality is not working).
Thanks!
We are using Angular 14.2.0.
This is the package.json:
"highcharts": "^10.2.1",
"highcharts-angular": "^3.0.0",
This is in the app.module.ts
import * as Highcharts from 'highcharts';
import HC_More from 'highcharts/highcharts-more';
import HC_Draggable from 'highcharts/modules/draggable-points';
HC_More(Highcharts);
HC_Draggable(Highcharts);
This is in the module for the component we are using the bubble chart
import { HighchartsChartModule } from 'highcharts-angular';
imports:
...
HighchartsChartModule,
...
This is in the component .ts where we are using the bubble chart
import * as Highcharts from 'highcharts';
Highcharts: typeof Highcharts = Highcharts;
chartOptions: Highcharts.Options;
chart: Highcharts.Chart;
And the html file
<highcharts-chart
[Highcharts]="Highcharts"
[options]="chartOptions"
[callbackFunction]="chartCallback"
></highcharts-chart>