You can get viewportMinimum(start date) and viewportMaximum(end date) as event parameters of rangeChanging event, which will also allow you to filter data based on zoom level as shown in this JSFiddle.
__
Priyanka M S
Team CanvasJS
Can you advise on how to get the second scenario working accurately?
In the code you have shared, you are trying to trigger mouse event in the second chart based on the value coordinates of the first chart. Instead you can trigger mouse event in the second chart based on the pixel coordinates of the first chart as shown in this updated JSFiddle.
__
Priyanka M S
Team CanvasJS
Thanks for reporting this use-case. We will reconsider this behavior for future releases.
__
Priyanka M S
Team CanvasJS
You can change interval and intervalType according to your requirement on rangeChanging event as shown in this JSFiddle.
__
Priyanka M S
Team CanvasJS
Could you please share a complete working sample project over GoogleDrive or oneDrive reproducing the issue you are facing, so that we can look into your code, understand the scenario better and help you out?
__
Priyanka M S
Team CanvasJS
You can fix the toolTip on click of dataPoint by setting top and left for toolTip container as shown in this updated JSFiddle, which also allows you to select the tooTip content and click the link present in toolTip.
__
Priyanka M S
Team CanvasJS
Could you please share a sample project over Google-Drive or oneDrive reproducing the issue you are facing, so that we can look into your code, understand the scenario better and help you out?
__
Priyanka M S
Team CanvasJS
I’d like to click on a datapoint and fix the tooltip so that I can click the hyperlink in it
Please take a look at the second example on this page for adding hyperlinks in toolTip.
And the second question is that is it possible to copy the text in the tooltip?
You can add the below style to canvasjs-chart-tooltip
class to enable the user selection for toolTip content.
.canvasjs-chart-tooltip * {
pointer-events: auto !important;
-webkit-user-select: auto !important; /* Safari 3.1+ */
-moz-user-select: auto !important; /* Firefox 2+ */
-ms-user-select: auto !important; /* IE 10+ */
user-select: auto !important; /* Standard syntax */
}
__
Priyanka M S
Team CanvasJS
You can achieve this using convertPixelToValue method. Please take a look at our documentation for more options and examples available.
__
Priyanka M S
Team CanvasJS
The behavior is designed such that zooming is limited up to a certain region, so the user doesn’t end up zooming into a blank-region (a region with no dataPoints). To zoom into a certain region, there should be a minimum of 3-4 dataPoints as of now.
We will reconsider this behavior for future releases.
__
Priyanka M S
Team CanvasJS
Width and height for dataPoints are distributed along axisX and axisY respectively. In case of bar charts, axes x and y are switched because of which the dataPoint’s width will increase vertically(and not horizontally).
__
Priyanka M S
Team CanvasJS
Setting interval: 1
in axisX will show all labels.
If this doesn’t solve your requirement, kindly brief us further about it and share a JSFiddle reproducing the issue you are facing(if any) so that we can understand your requirement better and help you out.
__
Priyanka M S
Team CanvasJS