Skip to main content
se añadieron 104 caracteres en el cuerpo
Origen Enlace
Srsole
  • 1.3k
  • 10
  • 24

Prueba con esto:

animation: {
  onComplete: function () {
    var chartInstance = this.chart;
    var ctx = chartInstance.ctx;
    console.log(chartInstance);
    var height = chartInstance.controller.boxes[0].bottom;
    ctx.textAlign = "center";
    Chart.helpers.each(this.data.datasets.forEach(function (dataset, i) {
      var meta = chartInstance.controller.getDatasetMeta(i);
      Chart.helpers.each(meta.data.forEach(function (bar, index) {
        ctx.fillText(dataset.data[index], bar._model.x, height - ((height - bar._model.y) / 2));
      }),this)
    }),this);
  }
}

yo lo tengo en un gráfico de barras, pero te sera fácil usarlo para un PIE

Lo que hacemos es usar el objeto helpers para escribir texto.

Le puedes dar una clase al texto para formatearlo a tu gusto.

Es en esta linea de código que puedes hacerlo:

ctx.fillText(TEXTO)

La funcion ctx.fillText() tiene 2 parametros, el primero para el texto, el segundo para la altura.

Espero te sirva, suerte.

Prueba con esto:

animation: {
  onComplete: function () {
    var chartInstance = this.chart;
    var ctx = chartInstance.ctx;
    console.log(chartInstance);
    var height = chartInstance.controller.boxes[0].bottom;
    ctx.textAlign = "center";
    Chart.helpers.each(this.data.datasets.forEach(function (dataset, i) {
      var meta = chartInstance.controller.getDatasetMeta(i);
      Chart.helpers.each(meta.data.forEach(function (bar, index) {
        ctx.fillText(dataset.data[index], bar._model.x, height - ((height - bar._model.y) / 2));
      }),this)
    }),this);
  }
}

yo lo tengo en un gráfico de barras, pero te sera fácil usarlo para un PIE

Lo que hacemos es usar el objeto helpers para escribir texto.

Le puedes dar una clase al texto para formatearlo a tu gusto.

Es en esta linea de código que puedes hacerlo:

ctx.fillText(TEXTO)

Espero te sirva, suerte.

Prueba con esto:

animation: {
  onComplete: function () {
    var chartInstance = this.chart;
    var ctx = chartInstance.ctx;
    console.log(chartInstance);
    var height = chartInstance.controller.boxes[0].bottom;
    ctx.textAlign = "center";
    Chart.helpers.each(this.data.datasets.forEach(function (dataset, i) {
      var meta = chartInstance.controller.getDatasetMeta(i);
      Chart.helpers.each(meta.data.forEach(function (bar, index) {
        ctx.fillText(dataset.data[index], bar._model.x, height - ((height - bar._model.y) / 2));
      }),this)
    }),this);
  }
}

yo lo tengo en un gráfico de barras, pero te sera fácil usarlo para un PIE

Lo que hacemos es usar el objeto helpers para escribir texto.

Le puedes dar una clase al texto para formatearlo a tu gusto.

Es en esta linea de código que puedes hacerlo:

ctx.fillText(TEXTO)

La funcion ctx.fillText() tiene 2 parametros, el primero para el texto, el segundo para la altura.

Espero te sirva, suerte.

Origen Enlace
Srsole
  • 1.3k
  • 10
  • 24

Prueba con esto:

animation: {
  onComplete: function () {
    var chartInstance = this.chart;
    var ctx = chartInstance.ctx;
    console.log(chartInstance);
    var height = chartInstance.controller.boxes[0].bottom;
    ctx.textAlign = "center";
    Chart.helpers.each(this.data.datasets.forEach(function (dataset, i) {
      var meta = chartInstance.controller.getDatasetMeta(i);
      Chart.helpers.each(meta.data.forEach(function (bar, index) {
        ctx.fillText(dataset.data[index], bar._model.x, height - ((height - bar._model.y) / 2));
      }),this)
    }),this);
  }
}

yo lo tengo en un gráfico de barras, pero te sera fácil usarlo para un PIE

Lo que hacemos es usar el objeto helpers para escribir texto.

Le puedes dar una clase al texto para formatearlo a tu gusto.

Es en esta linea de código que puedes hacerlo:

ctx.fillText(TEXTO)

Espero te sirva, suerte.