How to drag and drop a marker in gantt chart - anychart

I am using marker on gantt chart (anychart) and I have to give drag and drop option to user. I am able to do that with periods but not with markers.

Markers on Gantt chart are not interactive, they're just graphical elements. Therefore, they cannot be moved anywhere.

Related

Seek a react-plotly.js event handler example

I use React & react-plotly.js component (https://github.com/plotly/react-plotly.js) to plot two charts.
Since these two charts share some of the legend name.(like before and after comparsion charts)
I would like them to response the same double click legend event (double click legend will show only that legend data on charts)
There is document in here: https://github.com/plotly/react-plotly.js/#event-handler-props
But is there any example for me to learn and get started?

How to create multilines legend in Data Studio

In Data Studio my 10 points pie chart is like below:
As you can see there is a navigation arrow in the legend at the top of the pie.
I wonder how can I avoid the navigation by creating the multiline legend? How can I wrap the current single line legend?
Three ways to display all items in the legend; located in the Style Tab of the Pie Chart (added a GIF to elaborate):
Increasing the max lines;
Increasing the width of the Pie Chart;
Reducing the font size of the legend.
EDIT: Multi line Legend (Workaround using a Bar Chart)
How about using the legend from a Bar Chart? Added a GIF to elaborate as well as a few points:
Bar Chart: Use a Dimension and Breakdown Dimension that's the same as the one on the Pie Chart and enable the legend (Top) as well as using 2 lines (no legend for the Pie Chart)
Shape: Add a Shape over the Bar Chart (one that blends in with the background)
Order: Right click on components and select Order from the drop down to change the order of the components (Bar Chart: Send to back; Shape: Send Backwards (behind the Pie Chart); Pie Chart: Bring to Front)
Fine Tuning: Use Shift + Movement for precision placement (to get the shape exactly where you want it)

Google Data studio-Customised BarChart Tooltip

I have created bar chart using Google data studio. Now I have to add a dimension values(For each BookingCategory in chart we have different agents. So I want to display Agents with there booking count in each bar Tooltip) on the tooltip of the barchart.
Is this Feasible to achieve ?
You can show bookings by agent in your bar chart by adding it as a secondary/breakdown dimensions and selected "stacked" in the style menu.
Hopefully I've understood your question correctly!

React-native: Pull out a slice of victory pie

I used victory chart to create my chart. And I need to add an event that when I click on one of slices of pie chart, it would be pull out.
By any chance, is it possible?

Highcharts-ng, making rangeselector appear on load

I am using highcharts-ng (https://github.com/pablojim/highcharts-ng) and can reproduce this issue with one of the examples linked from the readme. Steps to reproduce:
Go here:
http://pablojim.github.io/highcharts-ng/examples/example.html
Scroll down and click the "Highchart/Highstock" button
Scroll back up (the chart should be blank) and from the first Series
heading, select Type: Line. Note the chart will redraw. There should be no Zoom/Date Range options at the top of the chart.
Now drag the horizontal scroll bar (Navigator) at the bottom of the chart and note the Zoom / Date Range options appear
How do I make these appear on page load? Rather than waiting for our visitors to interact with the chart.

Resources