динамически добавлять метки в Charts.js - PullRequest
Новая
       41

динамически добавлять метки в Charts.js

0 голосов
/ 05 июля 2018

Я сделал свои графики и они работают отлично, но у меня возникают некоторые проблемы, когда я пытаюсь динамически отображать метки. Я думаю, что это как-то связано с частью «лейблов», но я не совсем уверен.

Это часть кода, в которой я хочу изменить массив 'меток', показывая информацию, которую я имею в моей базе данных, не вводя значения самостоятельно 

success:function(response) {
        var Datos = {
            labels: ['', '', '', '', '', '', '', '', '', ''],
            datasets: [
                {
                    fillColor: 'rgba(153,102,255,0.6)',
                    strokeColor: 'rgba(57,194,112,0.7)',
                    highlightFill: 'rgba(153,102,255,0.6)',
                    highlightStroke: 'rgba(66,196,157,0.7)',
                    data: response
                }
            ]
        }
    }

Я проверил через свой браузер, и он действительно отправляет данные, но я не знаю, как динамически настраивать метки.

Как я могу это сделать?

1 Ответ

0 голосов
/ 05 июля 2018

Что вы получаете в переменной response? Если у вас есть массив меток, вы можете сделать что-то вроде этого: 

success:function(response){

    // Let's assume you got a JSON formatted response
    var labelsArray = JSON.parse(response);

                              var Datos = {
                                    labels : labelsArray,
                                    datasets : [
                                        {
                                            fillColor : 'rgba(153,102,255,0.6)', 
                                            strokeColor : 'rgba(57,194,112,0.7)', 
                                            highlightFill : 'rgba(153,102,255,0.6)', 
                                            highlightStroke : 'rgba(66,196,157,0.7)',
                                            data : response
                                        }

Конечно, ваш "labelArray" должен быть правильно отформатированным массивом для работы с Chart.js. Если вы получаете объект с индексами, вам нужно использовать другие функции массива для создания массива меток.

...