jqueryを使用してグラフの種類を切り替えようとしています。highcharts jquery動的変更グラフの種類の列を棒に
Iは、関数を使用して(新しいグラフを再作成することなく)dinamicallyグラフの種類を変更する方法を発見した:
シリーズ[I] .update({タイプ:ChartTypeを})。
私の最初の質問です:シリーズだけでなく、すべてのチャートを変更する方法がありますか?読んでいない場合:)
しかし、私は 'バー'チャートを動作させることができません。それは縦棒グラフのように動作します。あなたが見ることができるように、パイの例は例外として動作しています。
バー:どのように動作http://www.highcharts.com/demo/bar-basic
(サンプル例):
<div id="top10_" style="float:left">
<button id="set_column">column</button>
<button id="set_bar">bar</button>
<button id="set_pie">pie</button>
</div>
<div id="top10" style="min-width: 400px; height: 400px; margin: 0 auto;"></div>
$('#set_column').click(function() {
var chart = $(this).parent('div').attr('id');
chart = chart.replace('_', '');
$('#' + chart).highcharts().series[0].update({
type: "column"
});
});
$('#set_bar').click(function() {
var chart = $(this).parent('div').attr('id');
chart = chart.replace('_', '');
$('#' + chart).highcharts().series[0].update({
type: "bar"
});
});
$('#set_pie').click(function() {
var chart = $(this).parent('div').attr('id');
chart = chart.replace('_', '');
$('#' + chart).highcharts().series[0].update({
type: "pie"
});
});
Highcharts作成:
$('#top10').highcharts({
chart: {
type: 'column',
margin: [50, 50, 100, 80]
},
title: {
text: 'TOP10'
},
subtitle: {
text: ' '
},
credits: {
enabled: false
},
xAxis: {
categories: ['1', '2', '3', '4'],
labels: {
rotation: -45,
align: 'right',
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
},
yAxis: {
min: 0,
title: {
text: 'Ilość'
}
},
legend: {
enabled: false
},
tooltip: {
formatter: function() {
return '<b>' + this.x + '</b><br/>' + 'Ilość: ' + this.y;
}
},
series: [{
name: 'Ilość zgłoszeń, TOP10',
data: [1, 2, 3, 43],
dataLabels: {
enabled: true,
rotation: -90,
color: '#FFFFFF',
align: 'right',
x: 4,
y: 10,
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
}]
});
ここではフィドルの例である:http://jsfiddle.net/supergg/zqvNq/4/
ありがとう、
は、[OK]を私はそれが働いていることがわかります。しかし、実際には棒グラフではありません。 –
それは完全ではない場合は、破壊することができますし、新しいグラフを作成します。 –
私は、チャートのレベルをチャートのレベルで切り替える方法がないと信じることはできません。あなたのタイマーのためのThksセバスチャン –