You can use labelFormatter to customize labels to be displayed on axis. Please take a look at this jsfiddle.
If this doesn’t fulfill your requirements kindly share a pictorial representation so that we can understand your requirements better and help you out.
—
Vishwas R
Team CanvasJS
Michaelp,
Sorry, this feature is not available as of now.
—
Vishwas R
Team CanvasJS
1) If series start not from the same data-point position and use label approach you suggested, then label displays not correctly
https://jsfiddle.net/tn2u0650/32/ but if adds empty elements as stub for missing points then chart looks good https://jsfiddle.net/tn2u0650/31/
You can use x-value along with labels to align all data-points based on x-values properly. Please take a look at this updated JSFiddle.
2) If set interval to 1 then chart looks bad for big range, for instance if we have 800 items than all range from 1 till 800 will be displayed on X-asix
Calculation of axis interval depends on various factors like axis-minimum, axis-maximum, number of labels that can be shown within that range of axis, length of axis etc. When you set interval to a value, it doesn’t auto-calculate instead accepts the value that you have assigned irrespective of range, number of data-points and length of axis. You can either remove hard-coded interval so that it will be auto-calculated or you can calculate based on range, number of ticks as shown in this JSFiddle.
—
Vishwas R
Team CanvasJS
Sorry positioning individual indexLabel is not available as of now. However you can create custom DOM elements for each indexLabel and position them as shown in this jsfiddle.
—
Vishwas R
Team CanvasJS
I am facing different issue lines are too close to each other and it is hard to read
Lines look too close as all values from different dataSeries are almost close to each other. You can make it look better by removing indexLabels, as you can show its value in toolTip.
p.s. also my % in tooltip is not working.
#percent and #total keywords works in case of stacked, pie and doughnut charts only.
—
Vishwas R
Team CanvasJS
You can store dataSeries name in ViewBags just like how you are doing it for data and read it in view ViewData["name"] = item.name;
.
If this doesn’t fulfill your requirements, kindly share working project along with sample data, so that we can look into it and help you out.
—
Vishwas R
Team CanvasJS
There are some mismatch in chart-container id and export-button id. Please take a look at this updated jsfiddle.
—
Vishwas R
Team CanvasJS
Alex,
One of our team-member will contact you soon over email.
—
Vishwas R
Team CanvasJS
You can update color in dataSeries level based on dropdown instead of updating colorSet to achieve this.
—
Vishwas R
Team CanvasJS
Can you kindly share sample project along with sample data over google-drive or onedrive so that we can understand your requirements better and help you out?
—
Vishwas R
Team CanvasJS
CanvasJS supports updating chart-options dynamically. Just like the way you were able to change chart-type dynamically from the dropdown-opitons, you can update legendText & title-text aswell. Please take a look at this updated jsfiddle.
—
Vishwas R
Team CanvasJS
Please take a look at this example on rendering chart from mysql database.
—
Vishwas R
Team CanvasJS
You can update all available chart-options dynamically. Just like the way you were able to change chart-type from dropdown you can change colorset aswell. Please take a look at this jsfiddle.
—
Vishwas R
Team CanvasJS
Do you mean showing axisY line? If so, varying axisX minimum slightly will make it visible. axisY line is not visible due to minimum set in axisX. Please take a look at this updated jsfiddle.
—
Vishwas R
Team CanvasJS