It’s not a bug. Conceptually, a Stacked Chart is supposed to Stack Data Points from multiple Series and if any/all series don’t have Data Points at a certain point, it is not possible to stack them. i.e. When null values are used, it is not possible to stack them and the results are unpredictable. So its recommended to use zero instead of null.
Are you looking to move/slide legends (On Phone, Off Phone, Break in the image you have attached) or the entire dataSeries within the chart?
We are unable to reproduce the issue in major browsers like Chrome, Opera, Firefox. Can you kindly provide us the information like android version, browser and its version so that we can look into it and help you out.
—
Vishwas R
Team CanvasJS
* It is very difficult to click legend labels on a phone to toggle them (Galaxy S7 Edge). It works fine on PC, but only works on phone if I tap over and over and happen to hit the right spot.
Legends in mobile devices are small and depends on the chart size. It depends whether you clicked on the legend or not. You can set legend fontSize to increase legend marker(which depends on dataSeries.markerSize).
* When two lines overlap (for example, both values equal 3 for a length of time), it shows the higher index line, but the tooltip shows the lower index lines value and marker. This may be as designed, and may actually be the correct way, so you can see the data for the line underneath, but it was confusing; I was on the blue line but it was showing me values for the (invisible) red line.
Its as per design. You can use toolTip.shared to have a shared tooltip and to highlight all the markers at that point.
* The legend shows squares (but not circles) when the markers are not visible on the chart. If I put a lot of readings on one chart, the marker do not show on the chart and the legend markers (in series 0-3) correctly show lines instead of circles, but series 4-5 are set to square and they still show as squares in the legend.
Can you please create a jsfiddle for this?
* It sometimes counts a reading off the left edge of the canvas in the viewportMinumum when zooming. This makes it hard to reliably put the displayed date range in a subtitle.
Can you kindly brief more about this or create a jsfiddle.
* This locks up in chart.render() and I have to restart browser:
axisX:
minimum: new Date(2016, 10,23)
maximum: new Date(2016, 10,24)
interval: 10
intervalType is ‘number’ by default. When you are using dateTime kindly set intervalType based on your requirement(minute or hour or month etc).
* Unused mouse/touch events don’t pass through on non-interactive areas. If there is a chart that takes up the whole phone screen, there is no way to scroll because the chart is apparently eating the events. Maybe I have missed something here.
Whenever you move finger / pointer on the chart, the chart has to know if you are trying to scroll or interact with the chart. Hence we have implemented a behavior where if you hold the finger for a while on the chart, it captures the event and doesn’t scroll. On the other hand, if you move pointer / finger quickly without pausing, it allows you to scroll. Can you try as mentioned above and let us know?
—
Vishwas R
Team CanvasJS
You can use viewportMinimum, viewportMaximum and rangeChanging event to change interval based on zoom level. Please check this jsfiddle.
—
Vishwas R
Team CanvasJS
You can set markerSize to show legendMarker.
Thanks for reporting the issue. The issue has been fixed and will be releasing in couple of days.
Mayank,
Its not possible to avoid overlapping of scatter-points/bubbles, when they are at same(or nearest) points. But you can show up all dataPoints by setting either fillOpacity or reducing the markerSize.
When dataPoints are highlighted, indexlabels that are placed inside will not be shown. To avoid this you can disable highlighting the dataPoint. Check this updated jsfiddle.
Sorry, positioning image instead of indexLabels is not available as of now. But you can place an image in toolTip. Please check this jsfiddle for the same.
labelFormatter is available since v1.7.0.
In order to upgrade login to My Account (using the email id provided while purchasing license) and select Renew.
In case you have more questions, please contact sales[at]canvasjs.com and they’ll assist your further on this.
—
Vishwas R
Team CanvasJS
Mayank,
You can customize labels, indexLabels, axis, marker properties like color, size etc. Please check documentation for more options. Check this jsfiddle for updated code.
[update]
We have just released v1.9.6 Beta with Methods & Properties, which allows you to programmatically export chart as image, print chart, access internally calculated values, etc. Please refer to the release blog for more information.
Sameer,
Setting axisX minimum to zero would work fine in your case.