Mat,
I observed this some time back and have figured out the issue. Currently am working on IE78 support which will be coming next week. Soon after I’ll be taking this up.
hi,
Thanks for reporting. I’ll look into the issue and get back soon.
— Sunil
I’ve created an example using MVC4. Please download the same here.
It contains example for two different approaches – one using AJAX & JSON and another where data is directly embedded into the page. Hope this helps.
[Update]
Now we have a Tutorial on Creating Charts from JSON Data in ASP.NET MVC.
Hi,
I think this can be a good addition to the documentation. Am creating a sample using MVC4. Will get back to you soon..
— Sunil Urs
[Update] We have just released v1.9.0 with Logarithmic Axis. Please checkout gallery page for Logarithmic Scale.
Thanks for the suggestion. I will be implementing logarithmic scale in future versions. But its not in the road-map for next 2 months.
I have this feature in my todo list. It was supposed to be implemented in next version but has been postponed slightly because of IE78 support which is coming next… As as temporary measure you can wrap it inside a try catch block. I’ll be coming up with a proper solution soon.
As of now, the chart cannot convert values automatically to percent values… But you can achieve the same using indexLabel / toolTipContent property to show percent values (you need to calculate and assign).
It is not possible to have a shared legend across charts. But I can suggest two workarounds.
Option 1: Assign custom color to each dataPoint and render legend in a separate div yourself
Option2: This is kind of a hack.
1. Create multiple charts and don’t display their legend. You need to assign custom color to each dataPoint yourself. 2. Render an additional chart with legend enabled and hide the chart itself. Here is a demonstration of what I meant.
JSON doesn’t have a standard way to specify date objects.
Best way is to send timestamp values instead. CanvasJS accepts timestamp values when xValueType property is set to “dataTime” as shown here.
You can also use any of the custom formats and parse them on the client side before assigning it to the chart.
You can hide axisX/axisY as below
axisY:{ lineThickness:0, tickThickness:0, valueFormatString:" ",//space }, axisX:{ lineThickness:0, tickThickness:0, valueFormatString:" ",//space }
Thank you… :)
You can set transparent color as explained here. Gradients are not possible as of now. But I’ll consider it for future versions.
CanvasJS works on IE9 as of now. Support for IE7 & 8 via FlashCanvas is in the works. As of now I’ve a working prototype. You should be seeing it within a couple of weeks… :-)
You can an assign an entire array as below – like any other JavaScript array.
var dps = [{x:0, y:3}, {x:1, y:5}, {x:2, y:4}]
The required array can be created within a for loop on the client side or on the server side by directly outputting the values into the HTML page.
[update]
We have just released v1.9.6 Beta with Methods & Properties, which allows you to programmatically access internally calculated values, export chart as image, print chart, etc. Please refer to the release blog for more information.
As of now it is not possible to get the coordinates of the rendered dataPoints
Dom,
I’ve fixed the issue. Please check the fiddle now and it should work fine – do clear the cache. Here is an internal build.