Блог

Главная - Вопросы по программированию - Как отображать значения данных в верхней части столбчатой диаграммы и линейной диаграммы в chart.js 3

Как отображать значения данных в верхней части столбчатой диаграммы и линейной диаграммы в chart.js 3

#javascript #chart.js #bar-chart #linechart #vue-chartjs

#javascript #chart.js #столбчатая диаграмма #линейная диаграмма #vue-chartjs

Вопрос:

Я хотел бы знать, возможно ли отображать данные диаграммы в chartjs3. Я знаю, что есть такая вещь для Chartjs2, но я не знаю, возможно ли это в 3

Комментарии:

1. что вы подразумеваете под «данными диаграммы»? можете ли вы показать пример того, что вы пытаетесь сделать?

Ответ №1:

значения данных на диаграмме

Если это ваше требование.

Возможно, вы захотите использовать плагин chartjs-datalabels плагин. Это работает с vue-chartjs.

 import Chart from 'chart.js'
import { Line } from 'vue-chartjs'
import ChartJsPluginDataLabels from 'chartjs-plugin-datalabels'

Если вам не нужен плагин глобально.

Chart.defaults.global.plugins.datalabels.display = false;

Вы можете найти документацию по добавлению плагина https://vue-chartjs.org/api/#addplugin.