我想使用 Highcharts 中的轴标签进行向下钻取,我使用条形图实现了多次向下钻取,但无法使用访问标签实现
我怎样才能实现它,
这是我的 fiddle
[演示][1]
[1]: http://jsfiddle.net/mohamedmusthafac/d6fw7/
最佳答案
<强> DEMO
您需要添加此代码以使 x 轴标签可通过格式(下划线)进行点击:
(function (H) {
//For X-axis labels
H.wrap(H.Point.prototype, 'init', function (proceed, series, options, x) {
var point = proceed.call(this, series, options, x),
chart = series.chart,
tick = series.xAxis && series.xAxis.ticks[x],
tickLabel = tick && tick.label;
//console.log("series");
//console.log(series);
console.log("Point = ");
console.log(point);
if (point.drilldown) {
if (tickLabel) {
if (!tickLabel._basicStyle) {
tickLabel._basicStyle = tickLabel.element.getAttribute('style');
}
tickLabel.addClass('highcharts-drilldown-axis-label').css({
'text-decoration': 'underline',
'font-weight': 'normal',
'cursor': 'pointer',
'color':'brown'
}).on('click', function (){
//alert('clicked');
//point.doDrilldown();
point.firePointEvent('click');
});
}
}
else if (tickLabel && tickLabel._basicStyle)
{
}
return point;
});
})(Highcharts);
关于javascript - 如何使用轴标签实现多重向下钻取,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24926241/