[Vishwas R]

* 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

[Vishwas R]

@Uday,

You can use viewportMinimum, viewportMaximum and rangeChanging event to change interval based on zoom level. Please check this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@mohammedsidik,

You can set markerSize to show legendMarker.

[Vishwas R]

@GDaniels,

Thanks for reporting the issue. The issue has been fixed and will be releasing in couple of days.

[Vishwas R]

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.

[Vishwas R]

@veeru,

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

[Vishwas R]

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.

[Vishwas R]

@gregoff,

We tried with zoomType ‘y’,’xy’ and found its working fine. Can you kindly reproduce the issue in jsfiddle, so that we can look into it and resolve it.

[Vishwas R]

[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.

• This reply was modified 7 years, 12 months ago by Vishwas R.

[Vishwas R]

@schuerle,

Thanks for reporting. We have updated the documentation.

[Vishwas R]

Anne,

As toolTip is a DOM element, CSS you use over the div will be applied to that aswell. You can use display: inline-block; and it works fine.

Check this page for tutorial on how to render multiple charts in a page.

[Vishwas R]

Emily,

indexLabels are skipped whenever they get closer to other labels – this behavior is by design. You can workaround this issue by either rotating the Pie Chart as shown in this JSFiddle or by showing indexLabel outside the Pie Chart as shown in this JSFiddle – indexLabels are placed better when they are outside.

You can place position the indexlabels inside / outside by setting indexLabelPlacement property and rotate the pie by setting startAngle property.

[Vishwas R]

@lsq_1994,

You are re-rendering chart every 15000ms (15seconds), so zoomed level disappears every 15seconds.

function updateChart(){
   $("#chartContainer1").CanvasJSChart(options1).render;
  }
  
  setInterval(function(){updateChart()}, 15000);

Removing these lines will work fine with zooming functionality within different tabs. Please check this jsfiddle.

[Vishwas R]

We don’t have this option built into the chart. But with couple of lines of code you can export to pdf using jsPDF. Here is an example.

[Vishwas R]

[UPDATE]

We have just release v1.9.5GA with multiple axis support. Please refer to the release blog for more information.

Thomas,

Multiple axes will be going GA in a week or two. Please subscribe to our blog for updates.

—
Vishwas R
Team CanvasJS