HighChart多层次分类 | HighChart多层次分类

本文介绍了HighChart多层次分类的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用HighChats，需要获取列出的类别和子类别。

例如：

我有一些运动员，我想按地点和性别列出奖牌。

所以必须列出所有奖牌类型，并将类别区分为男性和女性

    |    GOLD    |   SILVER   |   BRONZE  |
    |male|female||male|female||male|female|
    ---------------------------------------
    | cl | cl    | cl |  cl   | cl |  cl  |

*CL=包含该性别奖牌类型数据的某些列

这在HighChats中可能吗？如果可能，如何实现？

推荐答案

我认为您需要堆叠条形图。根据您的数据遵循示例。http://jsfiddle.net/AtGRH/

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'bar'
            },
            title: {
                text: 'Stacked bar chart'
            },
            xAxis: {
                categories: ['Gold', 'Silver', 'Bronze']
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Total fruit consumption'
                }
            },
            legend: {
                backgroundColor: '#FFFFFF',
                reversed: true
            },
            plotOptions: {
                series: {
                    stacking: 'normal'
                }
            },
                series: [{
                name: 'Male',
                data: [5, 3, 4 ]
            }, {
                name: 'Female',
                data: [2, 2, 3]
            },]
        });
    });

这篇关于HighChart多层次分类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！