Отображать итоги для Label (или просто отображать строку) внутри диаграммы в Chart.js - PullRequest
Новая
       10

Отображать итоги для Label (или просто отображать строку) внутри диаграммы в Chart.js

0 голосов
/ 27 сентября 2018

В Chart.js мне нужно показать некоторый текст (например, сумму для данных этого ярлыка) над столбцами (не над каждым столбцом).Например, скажем, это несколько месяцев с некоторыми данными для людей, которые ели пиццу, и людей, которые ели гамбургеры в течение x месяцев.Теперь я хочу показать сумму людей, которые ели пиццу и гамбургеры за каждый месяц (в примере ниже 1100 и 1300).Как я могу написать что-то в центре месяца? 

    1100    |    1300    |
       _    |   _   _    |
   _  | |   |  | | | |   |
  | | | |   |  | | | |   |
  | | | |   |  | | | |   |
   January  |  February  |

1 Ответ

0 голосов
/ 28 сентября 2018

Мне удалось это решить.Это можно сделать с помощью внешнего плагина под названием
chartjs annotation 

annotation: {

    // Should be one of: afterDraw, afterDatasetsDraw, beforeDatasetsDraw
    drawTime: 'afterDatasetsDraw', // (default)


    annotations: [

                {

        type: 'line',
        mode: 'vertical',
        scaleID: 'x-axis-0',
        value: 'January',
        borderColor: 'transparent',
        borderWidth: 0,

                    label: {
                        backgroundColor: 'rgba(0,0,0,0.8)',
                        fontSize: 10,
                        fontStyle: "bold",
                        fontColor: "#fff",
                        xPadding: 6,
                        yPadding: 6,
                        cornerRadius: 6,
                        position: "center",
                        xAdjust: 0,
                        yAdjust: -80,
                        enabled: true,
                        content: "Totals etc"
                    }

                }


            ]
        }
...