0

Tengo el siguiente html con su javascript pero no se visualiza, ¿qué estoy haciendo mal?

HTML

<canvas id="canvas" height="450" width="600"></canvas>

JavaScript

var myLineChart = new Chart(
    document.getElementById("canvas").getContext("2d")
).Line(LineChart, {scaleFontSize : 13, scaleFontColor : "#ffa45e"});
var LineChart = {
 labels: ["Ruby", "jQuery", "Java", "ASP.Net", "PHP"],
 datasets: [{
 fillColor: "rgba(151,249,190,0.5)",
 strokeColor: "rgba(255,255,255,1)",
 pointColor: "rgba(220,220,220,1)",
 pointStrokeColor: "#fff",
 data: [10, 20, 30, 40, 50]
 }, {
 fillColor: "rgba(252,147,65,0.5)",
 strokeColor: "rgba(255,255,255,1)",
 pointColor: "rgba(173,173,173,1)",
 pointStrokeColor: "#fff",
 data: [28, 68, 40, 19, 96]
 }]
}

1 respuesta 1

0

La sintaxis está mal. Chart.js debe recibir los labels y los datasets en la propiedad data del objeto de configuración:

Chart.Line(ctx, {
  data: {
    labels: [ ... ],
    datasets: [ { ... } ]
  },
  options: { ... }
});
4
  • 1
    ademas, la variable LineChart se establece despues. el 24 mar. 2017 a las 16:02
  • @EmanuelVe lo que ha hecho el OP está mal por donde se mire. Bien puede usar Chart.Line o Chart({ type: 'line', data, options }).Lo que ha hecho debería lanzar un error de tipo Line is not a function aunque no estoy seguro de eso.
    – gugadev
    el 24 mar. 2017 a las 16:08
  • Queremos snippet!
    – ffflabs
    el 24 mar. 2017 a las 17:42
  • @amenadiel Vale, en un momentillo que ando un poco liado ;)
    – gugadev
    el 24 mar. 2017 a las 17:48

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.