我正在尝试更改图表的值，如下所示
<!doctype html>
<head>
<script>
var chart1; // globally available
$(document).ready(function() {
var chart = 'pie'
$("select").change(function(){
chart = $('#chart').val();
alert(chart);
});
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: chart
},
yAxis: {
title: {
text: 'Temprature'
}
},
series: [{
name: 'mach_1',
data: [<?php
foreach($chart as $`row) {
echo $row['temp'].",";
}
?>]
}]
});
});
</script>
</head>
<body>
<div id="form">
<label>Select a chart : </label>
<select id="chart">
<option>pie</option>
<option>column</option>
</select>
</div>
<div id="container"></div>
</body>
</html>
我知道这会改变选择时图表的值，但它不会改变图表本身。有什么想法吗？
最佳答案
您原来的问题非常难以阅读和解释； stackoverflow 的一些代码编辑器标签与您尝试发布的代码交织在一起。将来，将您的代码示例放在 jsfiddle 上可能会有所帮助。 .
如果我正确理解了问题，那么您正在寻求更改显示的图表类型。显示数据的饼图；现在显示数据的条形图；现在显示折线图等。
当您有 Highcharts 问题时，很可能其他人之前已经在 Highcharts 论坛上问过该问题。就您而言，我认为这是正确的:“动态更改图表类型？” -http://highslide.com/forum/viewtopic.php?f=9&t=5501&p=26274&hilit=switch+chart+types#p26274
在上面链接的 Highcharts 论坛问题中，Highcharts 作者 Torstein Honsi 回答了该问题，并包含一个 fiddle ，您可能会发现这是一个有用的起点，因为他正在更改其中的图表类型。 http://jsfiddle.net/tccpT/后来，Highcharts 支持团队成员提供了一个 fiddle ，我们在其中看到了另一个更改图表类型的示例。 http://jsfiddle.net/2hLr5/
当饼图涉及两条以上数据时，通常建议不要使用饼图作为数据可视化的手段。饼图的值越多，感知这些数据之间的关系就越困难。
关于php - jQuery Highcharts : change chart type using dropdown list，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9948651/