Chart.js

👍:0 I think you need to make a few changes to get it to work. L.DomUtil.create(‘canvas’, ‘popupGraph’); You are creating a canvas element with class popupGraph, but you don’t append it to the DOM structure (i.e. there is no container). I don’t see it used in the code sample too. var ctx = document.getElementById("popupChart").getContext("2d"); At … Read more

👍:0 You can build the legendTemplate first in your server side script block String serverSideLegendTemplate = “<ul class=\””; serverSideLegendTemplate += name.toLowerCase(); serverSideLegendTemplate += “-legend\” style=\”list-style:none;font-family:HP Simplified;\”>”; for (var i=0; i<segments.length; i++) { … And then simply print out the legendTemplate myDoughnutChart = new Chart(ctx).Doughnut(data, { legendTemplate: “<%=serverSideLegendTemplate%>” }); This will make it clearer and easier … Read more

👍:0 When you AddData you have to specify also the X-axis value. Try something like myLineChart.AddData(line_data3,receiver3_time); Passing SQL results from controller to chart.js

👍:0 You can trun on the legend and override the legend template to show the values in the legend $scope.options = { legendTemplate: “<ul class=\”<%=name.toLowerCase()%>-legend\”><% for (var i=0; i<segments.length; i++){%><li><span style=\”background-color:<%=segments[i].fillColor%>\”></span><%if(segments[i].label){%><%=segments[i].label%>: <%=segments[i].value%><%}%></li><%}%></ul>” }; If you want to show the value only if they are 0, just add an if condition $scope.options = { legendTemplate: “<ul … Read more

0👍 ✅ I had been defining React by including it on my html page: <script src=”https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0/react.js”></script> What fixed the problem was requiring it instead in my .jsx file: var React = require(“react”); Not sure why this worked but from reading around, perhaps there were multiple initializations and/or definitions of React that were causing conflicts. Thanks … Read more

👍:0 I fixed the problem. I had the chart canvas in a div with an ng-show and kept it hidden until a stock was selected. I changed it to an ng-if and everything worked perfect after that. There's a way to link bars to a file in a chart bar in chart.js?

0👍 ✅ I have fixed it with the code above… // Adding this to the this.data.labels initialization labels: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(eachToString), // The eachToString function function eachToString(el) { return el.toString()+”%”; } But as the bug it is, the issue at Github remains open. Chartsjs 2 (Alpha) not … Read more

0👍 ✅ Yes, it is compatible. I did used excanvas.js and es5-shim.js to give IE8 the tools to draw canvas and some javascript methods as foreach or map. Also I did changed a bit the excanvas.js library… i just commented the above line: this.textMeasureEl_.style.font = this.font; Dynamically Creating Json Array Javascript

👍:0 temp.dataset is an array, and you are trying to use data, an object, as an index. It should be something like: temp.dataset[0].push(data.points[index].num_request); (or whatever the index should be) not: temp.dataset[data].push(data.points[index].num_request); There's a way to link bars to a file in a chart bar in chart.js?

👍:0 Is your chart in an element / hierarchy that is hidden / shown (like ng-show or a class that is swapped out, a bootstrap panel…)? What seems to be happening is that Chart.js is getting the height of the canvas (when it is initializes by angular-chart, which in turn happens when the scope data … Read more