[Indranil]

@quentinr,

In the code sample that you have shared, syncHandler() is being called using regular functions, for which this keyword will represent the object that called the function, which is chart object in your case. As chart object doesn’t have the definition for charts it is being shown as undefined. Using arrow function to call syncHandler method should work fine in your case as this keyword refers to class AppComponent on using arrow function. Please refer to this tutorial for more information on the same. Also kindly check this StackBlitz demo for updated code.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@devteamstack-com,

You can add margin to primary(axisY) and secondary(axisY2) y-axis to avoid clipping of first and last labels. Please take a look at this JSFiddle.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@devteamstack-com,

In case of spline chart, datapoints are connected by a smooth line. The curve-radius/smoothness of the line is based on the consecutive datapoints. However, it’s not possible to control the curve-radius/smoothness as of now.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@gaurav-sharma6,

You can position label above or below the axis using labelPlacement property. However, positioning the axis labels outside the slider is not possible as of now.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@mepc36,

Please take a look at this updated JSFiddle.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@mepc36,

Width of columns / datapoints depends on multiple factors like width of the chart, number of dataPoints within the viewport, value difference between the consecutive dataPoints, etc. As dataPoints are dragged to reposition it, dataPoint’s x-value gets updated which in turn changes the value difference between its neighboring dataPoints. Hence width of dataPoints / columns are getting updated when you reposition the column. However, you can fix the width of the column / dataPoint by setting dataPointWidth property.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@mepc36,

Please take a look at this JSFiddle.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@malvipanchal,

Checking visible property while formatting tooltip-content using contentFormatter should work fine in this case. Please take a look at this updated JSFiddle.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@malvipanchal,

Whenever dataSeries are hidden, you can hide its information from toolTip with the help of toolTipContent as shown in this JSFiddle.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@vinay666,

Please refer to this documentation page for step to step tutorial on making dataPoints draggable. Also, kindly take a look at this JSFiddle to create a draggable rangeBar chart.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@mepc36,

It is not possible to drag column chart horizontally as of now. However, you can use Error chart to achieve the above requirement. Please take a look at this JSFiddle for an example.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@weihengtest1990,

Can you please create a StackBlitz reproducing the issue you are facing and share it with us so that we can look into your code/chart options being used, understand your scenario better and help you out?

___________
Indranil Deo
Team CanvasJS

[Indranil]

@weihengtest1990,

1) possible have different marker between the toolTip marker and the marker that mark on the graph? (like show in img)

The marker is highlighted for a specific dataPoint based not the mouse pointer position. ToolTip doesn’t have a marker of its own.

2)Can i fixed the tooltip if i onclick on that point?

Sorry, it is not possible to fix the ToolTip at a specific point as of now.

___________
Indranil Deo
Team CanvasJS

[Indranil]

@jdsanche,

CanvasJS Chart automatically sets the height and width of the chart according to container’s dimensions. If the values are not set for the container, it takes the default values. So you can just set the width and height of the container in which you are going to place the chart as shown below:

<div id="chartContainer" style="height: 300px; width: 500px;">

___________
Indranil Deo
Team CanvasJS

[Indranil]

@bebo,

We don’t have an official WordPress plugin as of now, the one you are using is a third-party plugin. As I checked, they seem to have fixed the issue in latest release. Please refer to their released for more information.

___________
Indranil Deo
Team CanvasJS