Jamie888 Ответов: 1

Сгруппированные категории не работают в javascript

Привет, у меня есть highchart(в формате barchart), в котором я хочу сгруппировать гистограммы со значением(скажем, columnA), а затем дополнительно разбить гистограммы с другими значениями под columnA(например, columnB и columnC).
Но я не могу, кажется, сделать это правильно, xAxis отображаемых гистограмм не соответствует тому, что я хочу. Ниже приведены мои коды:
LoadHighchart: function () {
            $('#MyContainer').highcharts({
                chart: {
                    zoomType: 'x'
                },
                title: {
                    text: null
                },
                xAxis: {
                    categories: [{
                        name: columnA,
                        categories: [columnB, columnC]
                    //}],
                    crosshair: true
                },
                yAxis: [{
                    title: {
                        text: null
                    }
                }, {
                    title: {
                        text: null
                    },
                    opposite: true
                }],
                plotOptions: {
                    column: {
                        stacking: 'quantity'
                    },
                    spline: {
                        marker: {
                            enabled: true
                        }
                    },
                    series: {
                        cursor: 'pointer',
                        marker: {
                            lineWidth: 1
                        }
                    }
                },
                series: [{
                    type: 'column',
                    name: 'ColA',
                    data: columnA,
                }, {
                    type: 'spline',
                    name: 'ColB',
                    data: columnB,
                }, {
                    type: 'spline',
                    name: 'ColC',
                    data: columnC,
                    yAxis: 1,
                    tooltip: {
                        valueSuffix: '%'
                    }
                }]
            });

        },


Что я уже пробовал:

1. Обратитесь к примеру из приведенной ниже ссылки, но это не сработало так, как ожидалось.
http://www.highcharts.com/plugin-registry/single/11/Grouped-Categories

Karthik_Mahalingam

опубликуйте полный код.

Jamie888

Сэр, я обновил свои коды.

Karthik_Mahalingam

что такое ColumnA, ColumnB, COlumnC

Jamie888

columnA, B и C-это массив var

Karthik_Mahalingam

Числовой массив?

Karthik_Mahalingam

добавьте это к приведенному ниже решению
ВАР Колумна = [1,2,3];
ВАР столбца columnb = [4,5,6];
var columnC = [7,8,9];

Jamie888

Сэр, я пробовал ваше предложение, но оно не сработало.

Karthik_Mahalingam

опубликуйте свой полный код.. с помощью json.

1 Ответов

Рейтинг:
0

Karthik_Mahalingam

проверить это

var columnA = 'some';
            var columnB = 'BB';
            var columnC = 'CC';

            $('#MyContainer').highcharts({
                chart: {
                    zoomType: 'x',
                    type: "column"
                },
                title: {
                    text: null
                },
                xAxis: {
                    categories: [{
                        name: columnA,
                        categories: [columnB, columnC]
                        }],
                        crosshair: true
        },
            yAxis: [{
                title: {
                    text: null
                }
            }, {
                title: {
                    text: null
                },
                opposite: true
            }],
        plotOptions: {
            column: {
                    stacking: 'quantity'
            },
            spline: {
                    marker: {
                        enabled: true
                    }
            },
            series: {
                    cursor: 'pointer',
                    marker: {
                    lineWidth: 1
                    }
            }
        },
        series: [{
            type: 'column',
            name: 'ColA',
            data: [1,2,3],
         
        }]
        });