Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/unity3d/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Highcharts 在drillown期间在非聚合列中隐藏轴标签_Highcharts - Fatal编程技术网

Highcharts 在drillown期间在非聚合列中隐藏轴标签

Highcharts 在drillown期间在非聚合列中隐藏轴标签,highcharts,Highcharts,如何在Highcharts中的向下钻取图表上操作x轴样式 例如,给定以下向下钻取图表,如何在向下钻取版本的图表(单击其中一列时显示)中隐藏x轴标签 一般来说,似乎没有很多方法可以控制向下钻取图表的布局,对吗 //创建图表 Highcharts.chart('容器'{ 图表:{ 类型:“列” }, 标题:{ 文本:“基本向下展开” }, xAxis:{ 类型:“类别” }, 图例:{ 已启用:false }, 打印选项:{ 系列:{ 边框宽度:0, 数据标签:{ 已启用:true } } },

如何在Highcharts中的向下钻取图表上操作x轴样式

例如,给定以下向下钻取图表,如何在向下钻取版本的图表(单击其中一列时显示)中隐藏x轴标签

一般来说,似乎没有很多方法可以控制向下钻取图表的布局,对吗

//创建图表
Highcharts.chart('容器'{
图表:{
类型:“列”
},
标题:{
文本:“基本向下展开”
},
xAxis:{
类型:“类别”
},
图例:{
已启用:false
},
打印选项:{
系列:{
边框宽度:0,
数据标签:{
已启用:true
}
}
},
系列:[{
名称:'事物',
colorByPoint:对,
数据:[{
名称:“动物”,
y:5,
深入研究:“动物”
}, {
名称:'水果',
y:2,
深入研究:“水果”
}, {
名称:“汽车”,
y:4,
深入调查:“汽车”
}]
}],
向下展开:{
系列:[{
id:'动物',
数据:[
[Cats',4],
[Dogs',2],
['Cows',1],
['Sheep',2],
[‘猪’,1]
]
}, {
id:'水果',
数据:[
[‘苹果’,4],
[“橙子”,2]
]
}, {
id:'汽车',
数据:[
[Toyota',4],
[‘欧宝’,2],
[大众汽车,2]
]
}]
}
});

Highcharts中的向下钻取机制仅负责处理系列,但它会启动可用于应用更新的
向下钻取
dillup
事件:

  chart: {
    type: 'column',
    events: {
      drilldown: function() {
        this.xAxis[0].update({
          labels: {
            enabled: false
          }
        });
      },
      drillup: function() {
        this.xAxis[0].update({
          labels: {
            enabled: true
          }
        }, false);
      }
    }
  }
现场演示:


API参考资料: