Javascript 使用变量设置海图中的仪表限值

Javascript 使用变量设置海图中的仪表限值,javascript,highcharts,Javascript,Highcharts,我有一个简单的仪表图,但我希望动态地修改它,例如,我希望根据从数据库中提取的数据设置刻度限制。我将如何实现这一点 <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/highcharts-more.js"></script> <div id="chart-A" class="cha

我有一个简单的仪表图,但我希望动态地修改它,例如,我希望根据从数据库中提取的数据设置刻度限制。我将如何实现这一点

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>

<div id="chart-A" class="chart"></div>

假设从数据库中调用最小值和最大值

$(function() {

 //suppose using php
  var axismin = <?php echo  $axismin ?>;
  var axismax = <?php echo  $axismax ?>;

  function init(axismin, axismax) {
    ......
  }
  init(axismin, axismax); //call chart function with arguments
});

演示

Highcharts提供了一些更改已渲染图表的功能。要更新yAxis.min和yAxis.max值,可以使用setextrems或update

API参考资料:


我喜欢这个,因为它还展示了一种从MySQL服务器获取数据的方法
$(function() {

 //suppose using php
  var axismin = <?php echo  $axismin ?>;
  var axismax = <?php echo  $axismax ?>;

  function init(axismin, axismax) {
    ......
  }
  init(axismin, axismax); //call chart function with arguments
});