Javascript 使用HighCharts更改向下钻取上的X轴标签

我想更改x轴的标签。下面是我的代码

var msMap = new Object();
msMap[7] = "Cross Border Error";
msMap[8] = "Domestic Error";
msMap[13] = "Delivery Error";
msMap[18] = "Personal Error";
msMap[6] = "Executive Error";
msMap[35] = "Legal Error";
Highcharts.chart('container', {
    chart: {
        type: 'column',
       events: {
        drilldown: function(e) {
            this.xAxis[0].setTitle({ text: 'ErrorID' });
        },
        drillup: function(e) {
            this.xAxis[0].setTitle({ text: 'Mean Absolute Error (in days)' });
        }
    }
    }, plotOptions: {
            series: {
                borderWidth: 0,
                dataLabels: {
                    enabled: true
                }
            }
        },

    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: {
    title: {
                        text: 'Mean Absolute Error (in days)'
                    },
        type: 'category',
             crosshair: true
    },
    yAxis: {
        title: {
            text: 'Total percent market share'
        }

    },


    tooltip: {
        shared:true,
        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: [
        {
            name: "Browsers",
            data: [
                {
                    name: "4",
                    y: 15,
                    drilldown: "4"
                },
                {
                    name: "5",
                    y: 10,
                    drilldown: "5"
                }
            ]
        }
    ],
    drilldown: {
        series:[

        { 
        name:"4",
        id:"4",
        pointWidth: 30,
        data:[
             [
                18,
                5
             ],
             [
                7,
                8
              ],
              [ 13,
                2
                ] ,
                [8,5]
                ]

        },

        {name:"5",
        id:"5",
        pointWidth: 20,
        data:[
        [6,5],
        [35,5]
        ]
        }

        ]

    }
});

var msMap=新对象（）；
msMap[7]=“跨境错误”；
msMap[8]=“国内错误”；
msMap[13]=“传递错误”；
msMap[18]=“个人错误”；
msMap[6]=“执行错误”；
msMap[35]=“法律错误”；
Highcharts.chart（'容器'{
图表：{
键入：“列”，
活动：{
向下展开：函数（e）{
this.xAxis[0].setTitle（{text:'ErrorID'}）；
},
向上钻取：功能（e）{
this.xAxis[0].setTitle（{text:'平均绝对误差（以天为单位）}）；
}
}
}，打印选项：{
系列：{
边框宽度：0，
数据标签：{
已启用：true
}
}
},
标题：{
文字：“浏览器市场份额，2018年1月”
},
副标题:{
text:'单击列以查看版本。源：'
},
xAxis：{
标题：{
文本：“平均绝对误差（以天为单位）”
},
类型：'类别'，
十字准星：对
},
亚克斯：{
标题：{
文字：“总市场份额百分比”
}
},
工具提示：{
分享：是的，
headerFormat:“{series.name}
”，
pointFormat:“{point.name}：{point.y:.2f}占总数的百分比
”
},
系列：[
{
名称：“浏览器”，
数据：[
{
名称：“4”，
y:15，
向下展开：“4”
},
{
名称：“5”，
y:10，
向下搜索：“5”
}
]
}
],
向下展开：{
系列：[
{ 
名称：“4”，
id:“4”，
点宽：30，
数据：[
[
18,
5.
],
[
7.
8.
],
[ 13,
2.
] ,
[8,5]
]
},
{名称：“5”，
id:“5”，
点宽：20，
数据：[
[6,5],
[35,5]
]
}
]
}
});

在向下钻取时，而不是在x轴上显示值7、8等。我希望显示它们在地图中指定的字符串值。我无法找到我可以实现这一目标的链接

这是我的JSFIDLE链接

---

因此，当我向下钻取值为4的条时，向下钻取显示值为7,8,13,18的4条条。我不想显示msMap中指定的值，而是想显示它们的映射。我认为，将适当的对象引用粘贴为特定向下展开点的x值是您正在寻找的解决方案

演示：

这就是你的想法吗

 {
  name: "4",
  id: "4",
  pointWidth: 30,
  data: [
    [
      msMap[18],
      5
    ],
    [
      msMap[7],
      8
    ],
    [msMap[13],
      2
    ],
    [msMap[8], 5]
  ]

},