Finally, I have got a solution to my problem. I hope this will help many others like me. The problem is basically a limitation of arrayToDataTable method. The row of data must have the correct type in all columns. Since we have null values in rows, the API is either assuming that the data type … Read more
Since charting involves heavy DOM manipulation, directives are the way to go. Data can be kept in the Controller App.controller(‘Ctrl’, function($scope) { $scope.data = [[[0, 1], [1, 5], [2, 2]]]; }); And you can create a custom HTML tag1 specifying the model you want to get data from <chart ng-model=”data”></chart> which angular can compile through … Read more
For Chart.js 2.0+ you can use an array as label: Quoting the DOCs: “Usage: If a label is an array as opposed to a string i.e. [[“June”,”2015″], “July”] then each element is treated as a seperate line.” var data = { labels: [[“My”, “long”, “long”, “long”, “label”], “another label”,…], … }
pass the options like this var options = { title: ‘title’, width: 310, height: 260, backgroundColor: ‘#E4E4E4’, is3D: true };
It took me a while, to figure this out, but Google Charts does support dual Y-axis (v-axis). I want to use the Javascript API and not the HTML interface. This example can be tested here: http://code.google.com/apis/ajax/playground/?type=visualization#line_chart Replace all of that code with this code showing how to have two different Y-axis scales: function drawVisualization() { … Read more
The below answer is concerned with chart.js 1.x. Chart.js 2.x supports this Chart.js how to get Combined Bar and line charts? EDIT 2 I have now added this feature to my custom build of chartjs if you want to use that https://github.com/leighquince/Chart.js the only difference is i named it Overlay not LineBar so to use … Read more
Just add xAxis: { … lineWidth: 0, minorGridLineWidth: 0, lineColor: ‘transparent’, … labels: { enabled: false }, minorTickLength: 0, tickLength: 0 } to the xAxis definition. Since Version 4.1.9 you can simply use the axis attribute visible: xAxis: { visible: false, }
In Chart.js version 2.0, it is possible to set labels for axes: options = { scales: { yAxes: [{ scaleLabel: { display: true, labelString: ‘probability’ } }] } } See Labelling documentation for more details.
For Chart.js 2.*, the option for the scale to begin at zero is listed under the configuration options of the linear scale. This is used for numerical data, which should most probably be the case for your y-axis. So, you need to use this: options: { scales: { yAxes: [{ ticks: { beginAtZero: true } … Read more