We have just released v2.1 with module import/export with which you can easily integrate front-end framework like React, Angular, Vuejs, etc. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.
___________
Indranil Deo,
Team CanvasJS
We have just released v2.1 with module import/export with which you can easily integrate front-end framework like React, Angular, Vuejs, etc. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.
___________
Indranil Deo,
Team CanvasJS
Question1: Why the legend of series 2 and 3 dose NOT show dot/dash line? I need to make it consistent with the chart.
Changing legend line dash type is not possible as of now. However, you can workaround this by setting the legendMarkerColor to white and legendMarkerType to triangle. Please take a look at this jsfiddle
Question2: Is there any way I can group legend make stype them separately. e.g. I want to make series 1, 2,3 legend virtically aligned to the left bottom and label 1 and 2 vertically aligned to the right bottom.
Sorry, it’s not possible to group legends as of now. All legends will be positioned together.
Question3: All my data has integer as x value, why it automatically calculated to interval as 0.5? I cannot specify interval to a specific integer because it is dynamic based on data comes in. But I need x value always calculated and displayed as integer. How can I implement this?
Axis interval depends on the axis range, number of ticks, as well as width of the chart, which means more the width of the chart interval will be less and lesser the width of chart interval will be more. You can try setting interval and update it based on the new dataPoint x-values added.
___________
Indranil Deo,
Team CanvasJS
Only one legend can be associated with a dataSeries as of now. You can add a dummy dataSeries with a legend to show multiple legends. Please take a look at this jsfiddle.
___________
Indranil Deo,
Team CanvasJS
Sorry, this feature is not available as of now.
___________
Indranil Deo,
Team CanvasJS
Adding mouseover/mouseout events are only available for dataPoints in the series. Adding the event to the line is not available as of now.
___________
Indranil Deo,
Team CanvasJS
The behavior is designed such that zooming is limited upto a certain region, so the user doesn’t end up zooming into a blank-region (region with no dataPoints). To zoom into a certain region, there should be a minimum of 3-4 dataPoints.
In your case, the zoom doesn’t work as there are less than 3-4 dataPoints over the Axis Y.
We will reconsider this behavior for future releases.
___________
Indranil Deo,
Team CanvasJS
The mouseover / mouseout event at dataSeries level is used to set the event for all the dataPoints in that dataSeries which will be overridden by the events in dataPoint level.
___________
Indranil Deo,
Team CanvasJS
You can try shared toolTip to show the contents in a common bubble. Please take a look at this updated jsfiddle.
___________
Indranil Deo,
Team CanvasJS
As the table is HTML DOM Object you can apply styles to align it.
___________
Indranil Deo,
Team CanvasJS
CanvasJS charts use the same algorithm as described in the previous reply to calculate intervals, i.e. Interval is dependent on range and the number of ticks to be shown within that range. You can also refer Wilkinson’s algorithms for Positioning labels and ticks for more information.
___________
Indranil Deo,
Team CanvasJS
Can you please create a sample project with a sample database and share it over Google-Drive or Onedrive so that we can understand your code better and help you out?
___________
Indranil Deo,
Team CanvasJS