Расстановка колонок в диаграмме

107
19 августа 2021, 02:30

Использую библиотеку Highchart ,по коду вроде как все правильно прописал но вместо того чтоб у каждого столбика было свое название ,они все под фракцией "-10 ". Что не так то ? Вот сам код ... **Возвращается запрос таким образом (взял для примера другой график и сделал по своему принципу ,данные хранятся в переменных n_data1 ,n_data2 ,n_data3 **

    function(data) {
var n_data1 = [205],
    n_data2 = [400],
    n_data3 = [290],
   dataLength = data.length,
                         i = 0;
                    for (i; i < dataLength; i += 1) {
                    switch (data[i][1]) {
                                n_data1.push([
                               data[i][0] / 100, // var val1 
                                ]);
                                break;
                                n_data2.push([
                              data[i][0] / 100, // var val1 
                                ]);
                                break;
                                n_data3.push([
                              data[i][0] / 100, // var val1 
                                ]);
                                break;
default:
                        }
                    }
Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'Browser market shares. January, 2018'
    },
    subtitle: {
        text: 'Click the columns to view versions. Source: <a href="http://statcounter.com" target="_blank">statcounter.com</a>'
    },
    xAxis: {
        type: 'category'
    },
    yAxis: {
        title: {
            text: 'Total percent market share'
        }
    },
    legend: {
        enabled: false
    },
    plotOptions: {
        series: {
            borderWidth: 0,
            dataLabels: {
                enabled: true,
                format: '{point.y:.1f}%'
            }
        }
    },
    tooltip: {
        headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
        pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
    },
    series: [
        {dataLabels: {enabled: true},
                                "name": "Окатыши",
                                "colorByPoint": true, 
                                colors: ['#4b0e0e',],
                                data: n_data1,
                            },
                                 {dataLabels: {enabled: true},
                                "name": "Окатыши",
                                "colorByPoint": true,
                                  colors: ['#0b4a0d',],
                                data: n_data2,
                            },
                                 {dataLabels: {enabled: true},
                                "name": "Окатыши",
                                "colorByPoint": true,
                                  colors: ['#1c165f',],
                                data:n_data3,
                            },
    ],
})};

И скриншот

READ ALSO
Для чего устанавливать поток в состояние fail()?

Для чего устанавливать поток в состояние fail()?

Из книги "ПрограммированиеПринципы и практика использования с++"

110
Сортировка строки,содержащей числа,не используя стандартные библиотечные функции.C++

Сортировка строки,содержащей числа,не используя стандартные библиотечные функции.C++

вообше то неправильно выполнить задание за вас, но я решил помочь вам кое в чемВо первых нужно сравнивать строки так, чтобы сравнивались...

214
Для какого типа представления графа написан этот алгоритм (BFS)

Для какого типа представления графа написан этот алгоритм (BFS)

На emaxx начал изучать алгоритмыДошел до графов

121