2
Когда я нажимаю на район, он показывает деревни на деталях, но когда я сверляю, он показывает данные xAxis вместе с надписями из прокрутки, например, название деревни с названием района. Я хочу отобразить только названия районов на буровых долях и только названия деревень на деталях. Также я могу скрыть серию xAxis, показывающую как 1, 2, 3, 4, 5, если название района больше нет. Вот скрипка - http://jsfiddle.net/prachi_chandra/3e4Lnctm/3/Highcharts xAxis показывает ярлыки от разворота на буровом доске
Я бы очень признателен, если бы кто-нибудь мог помочь мне исправить это. Заранее спасибо.
$(function() {
Highcharts.setOptions({
lang: {
drillUpText: '? Back to Main'
}
});
// Create the chart
var defaultTitle = "Population District Wise";
var drilldownTitle = "Population Village Wise - District: ";
// Create the chart
var chart = new Highcharts.Chart({
chart: {
height: 320,
type: 'column',
renderTo: 'chart_div1',
events: {
drilldown: function(e) {
chart.setTitle({
text: drilldownTitle + e.point.name
});
},
drillup: function(e) {
chart.setTitle({
text: defaultTitle
});
}
}
},
title: {
text: defaultTitle,
align: 'center',
y: 5,
style: {
fontSize: '12px',
fontWeight: 'bold',
fontFamily: 'Verdana, sans-serif'
}
},
credits: {
enabled: false
},
scrollbar: {
enabled: true
},
scrollbar: {
enabled: true,
barBackgroundColor: 'gray',
barBorderRadius: 7,
barBorderWidth: 0,
buttonBackgroundColor: 'gray',
buttonBorderWidth: 0,
buttonArrowColor: 'yellow',
buttonBorderRadius: 7,
rifleColor: 'yellow',
trackBackgroundColor: 'white',
trackBorderWidth: 1,
trackBorderColor: 'silver',
trackBorderRadius: 7
},
xAxis: {
min: 0,
max: 5,
type: 'category'
},
yAxis: [{ //--- Primary yAxis
title: {
text: 'Population'
}
}],
legend: {
enabled: false
},
plotOptions: {
series: {
name: 'Population',
maxPointWidth: 30,
dataLabels: {
enabled: true
}
}
},
series: [{
name: 'Population',
colorByPoint: true,
data: [{
name: 'District',
y: 28,
drilldown: '20'
}]
}],
drilldown: {
series: [{
id: '20',
data: [
['Village1', 6],
['Village2', 22]
]
}]
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/modules/drilldown.js"></script>
<div id="chart_div1" style="margin:0px;"></div>
Спасибо за ответ. B –
Я упоминал, что мне тоже нужно использовать полосу прокрутки, так как мне нужно показывать только несколько деревенских имен за один раз из общего числа 120 названий деревень для более четкого представления данных, если я не устанавливаю максимальное значение, тогда он покажет все деревни имя в одном представлении, которое неудобно читать. –
@Prachi, вы можете обновить 'min' и' max', когда будете бурить вверх и вниз. См. [Это демонстрация JSFiddle] (http://jsfiddle.net/3e4Lnctm/5/). –