如何在更改列表框值时将数据加载到高级图表

时间:2014-09-15 10:51:23

标签: angularjs highcharts

嗨,我是高级图表和angularjs的新手。我正在尝试开发一个页面,其中包含两个列表框和一个图表。两个列表框包含x轴类别和y轴系列名称。当您在每个列表框中选择一个值并单击按钮时。那么它需要根据选择绘制图形。任何人都可以帮助我。

我的代码

<div ng-controller="MyCtrl" style="float: left">
<select size="10" id="myselection"  ng-model="selectedColors" ng-options="c.name for c in colors" style="width: 150px"></select>
</div>
<div ng-controller="MyCtrl1" style="float: left">
<select size="10" id="myselection" ng-model="selectedColors" ng-options="c.name for c in colors" style="width: 150px"></select>
 </div>
<div style="float: right; margin-top: -260px; margin-right: 50px">
<b>Chart type: </b>
    <select ng-model='chartType' class='input'>
      <option value="pie">Pie</option>
      <option value="bar">Bar</option>
      <option value="line">Line</option>
      <option value="point">Point</option>
      <option value="area">Area</option>
    </select>
    <span ng-show="chartType==='pie'"><b>Radius</b> <input ng-model="config.innerRadius" size="4"></span>
    <span ng-show="chartType==='line'">
      <b>Legend Position:</b>
      <select ng-options="opt for opt in ['lineEnd','traditional']" ng-model="config.lineLegend"></select>
    </span>
    <p></p>
    <div class='charts'>
      <div ac-chart="chartType" ac-data="data" ac-config="config" id='chart' class='chart'></div>
    </div>

没有获取如何将列表框选定值传递给javascript以选择类别和系列。

0 个答案:

没有答案