Javascript HighCharts，如何在图例中使用数据名称，同时在柱状图中使用向下钻取？

您好，我目前正在开发一个具有3级向下钻取功能的列高图表，但是我有麻烦命名图例，我希望图例显示数据名称，但目前它仅显示序列名称

同时，我也为图例在不同关卡中的变化而烦恼

任何帮助都将不胜感激

---

谢谢

它应该显示哪个数据名称，例如在单击“已注册”后进入第二级？图例应显示“1级”还是2级或3级？那毫无意义。图表看起来运行正常。通常在图例中，您打印的是序列号，而不是点数。@顶层的wergeld yeah应显示第二级level 1/level 2/level 3中的已注册/已撤销，基本上x轴上显示的是什么我正在尝试使其显示在图例中，我有一个饼图工作，但我仍然有困难，让它与柱形图，这并没有真正的意义，就像你认为的那样。在饼图中，每个切片都是自己的点元素，因此它显示在图例中。但是，条形图/折线图会将序列中的每个点都划分为不同的序列，该序列显示在图例中。我能想到的唯一方法是在你的深入研究中使用单点序列，这是可行的，但在我看来，这并不是一件真正有用的事情。

 $(function () {

    // Create the chart
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Number of Students Enrolled & Withdrawn'
        },
        subtitle: {
            text: 'Click the Columns to see Totals for each Level'
        },
        xAxis: {
            type: 'category',


            title: {
                text: 'Students'
            }
        },
        yAxis: {
            title: {
                text: 'Total Number of Students'
            }
        },

        legend: {
            enabled: true
            //backgroundColor: '#FFFFFF',
            //layout: 'vertical',
            //floating: true,
            //align: 'left',
            //verticalAlign: 'top',
            //x: 90,
            //y: 60,
            //shadow: true

        },



        series: [{
            name: 'Overall Total of Students',
            colorByPoint: true,
            data: [{
                name: 'Enrolled',
                y: 44,
                drilldown: 'LevelEnrolled'

            }, {
                name: 'Withdrawn',
                y: 55,
                drilldown: 'LevelWithdrawn'
            }]

        }],



        drilldown: {


            series: [{
                name: 'Enrolled by Level',
                colorByPoint: true,
                id: 'LevelEnrolled',
                data: [{
                    name: 'Level 1',
                    y: 23,
                    drilldown: 'Level1Enrolled'
                }, {
                    name: 'Level 2',
                    y: 24,
                    drilldown: 'Level2Enrolled'
                }, {
                    name: 'Level 3',
                    y: 11,
                    drilldown: 'Level3Enrolled'
                }]
            }, {
                name: 'Withdrawn by Level',
                colorByPoint: true,
                id: 'LevelWithdrawn',
                data: [{
                    name: 'Level 1',
                    y: 12,
                    drilldown: 'Level1Withdrawn'
                }, {
                    name: 'Level 2',
                    y: 33,
                    drilldown: 'Level2Withdrawn'
                }, {
                    name: 'Level 3',
                    y: 33,
                    drilldown: 'Level3Withdrawn'
                }]
            }, {
                id: 'Level1Enrolled',
                colorByPoint: true,
                data: [
                    ['CIT', 22],
                    ['CS', 11],
                    ['GD', 33],
                    ['SD', 12],
                    ['BIT', 34]
                ]
            }, {
                id: 'Level2Enrolled',
                colorByPoint: true,
                data: [
                    ['CIT', 43],
                    ['CS', 22],
                    ['GD', 33],
                    ['SD', 22],
                    ['BIT', 22]
                ]
            }, {
                id: 'Level3Enrolled',
                colorByPoint: true,
                data: [
                    ['CIT', 22],
                    ['CS', 22],
                    ['GD', 12],
                    ['SD', 11],
                    ['BIT', 23]
                ]
            }, {
                id: 'Level1Withdrawn',
                colorByPoint: true,
                data: [
                    ['CIT', 23],
                    ['CS', 11],
                    ['GD', 2],
                    ['SD', 1]
                ]
            }, {
                id: 'Level2Withdrawn',
                colorByPoint: true,
                data: [
                    ['CIT', 3],
                    ['CS', 2],
                    ['GD', 4],
                    ['SD', 7]
                ]
            }, {
                id: 'Level3Withdrawn',
                colorByPoint: true,
                data: [
                    ['CIT', 3],
                    ['CS', 4],
                    ['GD', 5],
                    ['SD', 8]
                ]

            }]


        }
    });
});