$( document ).ready(function() { var doughnutData = [ { value: 35, color:"#00A0D4", highlight: "#008cba", label: "Eventos Terminados" }, { value: 60, color: "#00BD9C", highlight: "#00a384", label: "Eventos Activos" } ]; var doughtChartContext = new Chart(document.getElementById("js-doughnut-chart").getContext("2d")).Doughnut(doughnutData, { percentageInnerCutout: 60 }); var pieData = [ { value: 300, color:"#FF7733", highlight: "#FF7733", label: "Roger" }, { value: 50, color: "#00A0D4", highlight: "#00A0D4", label: "Mariana" }, { value: 100, color: "#33495F", highlight: "#33495F", label: "Carlos" }, { value: 100, color: "#00A385", highlight: "#00A385", label: "Organico" } ] var pieContext = new Chart(document.getElementById("js-pie-chart").getContext("2d")).Pie(pieData, { legendTemplate : "" }); var lineData = { labels: ["Mayo 1-7", "Mayo 8-16", "Mayo 17-24", "Mayo 25-31", "Junio 1-7", "Junio 8-18", "Junio 19-25"], datasets: [ { label: "Ventas", fillColor: "rgba(151,187,205,0.2)", strokeColor: "rgba(151,187,205,1)", pointColor: "rgba(151,187,205,1)", pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(151,187,205,1)", data: [50000, 35000, 35000, 38000, 40000, 45000, 48000] } ] }; var lineContext = new Chart(document.getElementById("js-line-chart").getContext("2d")).Line(lineData, { bezierCurve: false, scaleLabel: function(label){return '$' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");} }); });