Daniele
Posts: 10
Joined: Wed Apr 20, 2022 11:58 am

Drag and drop in demos does not work anymore

Why does the drag and drop not work in your demos anymore?
Try for example: https://www.highcharts.com/demo/packed-bubble-split
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Drag and drop in demos does not work anymore

Hi there Daniele,

Thank you for reporting that issue. It seems that it's a bug on our side, which occured after 10.2.1 update. For now, you can roll back to version 10.2.0 and I'll report it to GitHub issues, so you can watch the link below for any fixes.

https://github.com/highcharts/highcharts/issues/17785

We are sorry for the inconvenience,
Best regards!
Kamil Musiałowski
Highcharts Developer
Daniele
Posts: 10
Joined: Wed Apr 20, 2022 11:58 am

Re: Drag and drop in demos does not work anymore

Ok, thanks!
Just to let you know: We are using 10.2.1 and a bubble chart on our website and the drag and drop is working fine.
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Drag and drop in demos does not work anymore

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!
Kamil Musiałowski
Highcharts Developer
Daniele
Posts: 10
Joined: Wed Apr 20, 2022 11:58 am

Re: Drag and drop in demos does not work anymore

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>
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Drag and drop in demos does not work anymore

Thank you! We will have a look into that.

Please do not hesitate to contact us anytime you need,
Regards!
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Usage”