👍:0 $.get does not evaluate to a return value like a normal function call. When the data is received from http://velocity.data.wpengine.com:3000/tickets/, your callback function gets called. In your case that is function(data){ alert(JSON.stringify(data));} You have access to the returned data inside this callback function. And you’re just alerting it. Which is why you simply get … Read more
👍:0 Call your API to get the dates for the labels. In the callback function of your API call, use the returned data to initialize the labels array and draw the chart. How do i programmatically set bar fillColor in chartJs + angular Chart.js how to rewrite x for webAPP
👍:0 If your timer(); contains the code in your comments i.e. (function Forever() { var now = new Date(); var hh = now.getHours(); var mm = now.getMinutes(); var ss = now.getSeconds(); var g_realTimeNow = (ss + (mm * 60) + (hh * 60 * 60)); //convert to secs console.log(“Global time: ” + g_realTimeNow); setTimeout(Forever, 1000); … Read more
👍:0 Use generateLegend to get the legend HTML and put in the HTML element of your choice. document.getElementById(“legend”).innerHTML = myLineChart.generateLegend(); with HTML <div id=”legend”></div> You’d also want to style it #legend ul { list-style: none; font-family: ‘Helvetica Neue’, ‘Helvetica’, ‘Arial’, sans-serif; font-size: 12px; } #legend ul span { display: inline-block; height: 1em; width: 1em; margin-right: … Read more
👍:0 One possible explanation is the slight server side delay introduced by your debug=true delays the chart initialization just enough so that the canvas element has non-zero size when new Chart… is called. One easy way to confirm if this is the case is to ensure that your canvas HTML is always visible (i.e. take … Read more
👍:0 You have a couple of program flow related stuff you have to take care of. datas1 needs to be initialized before you attempt to set data using it. So you need to call validate(), not just declare it. In validate(), datas1 will be set only if the checkbox is checked. For now, let’s simply … Read more
👍:0 Basically, to run function in x seconds, use setTimeout setInterval( function () { //do magic here every 2seconds }, 2000); And for updating chart.js data refer to this answer Add information on y Chart Js
0👍 ✅ You could extend the chart to remove the points that you don’t need from the x-axis, like so (adapted from https://stackoverflow.com/a/31606933/360067) Chart.types.Line.extend({ name: “LineAlt”, initialize: function (data) { Chart.types.Line.prototype.initialize.apply(this, arguments); if (this.options.every) { var every = this.options.every; var xLabels = this.scale.xLabels xLabels.forEach(function (label, i) { if (i % every !== 0) xLabels[i] = … Read more
0👍 ✅ You are setting data only once. All you need to do to make this dynamic is point it to a scope method that calculates data from the grid data, like so Script change Define a function to calculate the chart data structure from the grid data. Use this to initialize the graph and … Read more
👍:0 so if you are using $scope.statPros to hold your data and your data is a array of objects then I would also add your lables to statPros. so that each object has statPros.data object and a statPros.labels it would look like this: [{data: {//data object}, labels: {//label object}}, {data: {//data object}, labels: {//label object}}] … Read more