Мне нужна помощь, чтобы подключить пользовательские выпадающие списки к условным обозначениям диаграмм для следующих трех синхронизированных диаграмм.
В сущности, я хотел бы соединить 3 раскрывающихся списка, чтобы контролировать легенды каждого изграфики.Возможно ли это?
См. Мою скрипку: http://jsfiddle.net/s5xch17m/2
<div class="panel panel-default">
<div class="panel-body">
<div class="col-lg-2">
<div class="button-group">
<button type="button" class="btn btn-block btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><!-- <span class="glyphicon glyphicon-cog"></span> --> Movement Direction</button>
<ul class="dropdown-menu">
<li><a href="#" class="small" data-value="option1" tabIndex="-1"><input type="checkbox"/> Normal</a></li>
<li><a href="#" class="small" data-value="option2" tabIndex="-1"><input type="checkbox"/> Reverse</a></li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="button-group">
<button type="button" class="btn btn-block btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><!-- <span class="glyphicon glyphicon-cog"></span> --> Select Trends</button>
<ul class="dropdown-menu">
<li><a href="#" class="small" data-value="option1" tabIndex="-1"><input type="checkbox"/> RMS</a></li>
<li><a href="#" class="small" data-value="option2" tabIndex="-1"><input type="checkbox"/> Peak</a></li>
<li><a href="#" class="small" data-value="option3" tabIndex="-1"><input type="checkbox"/> Direction</a></li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="button-group">
<button type="button" class="btn btn-block btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><!-- <span class="glyphicon glyphicon-cog"></span> --> Select Filters</button>
<ul class="dropdown-menu">
<li><a href="#" class="small" data-value="option1" tabIndex="-1"><input type="checkbox"/> Location Temperature</a></li>
<li><a href="#" class="small" data-value="option2" tabIndex="-1"><input type="checkbox"/> Minimum</a></li>
<li><a href="#" class="small" data-value="option3" tabIndex="-1"><input type="checkbox"/> Maximum</a></li>
<li><a href="#" class="small" data-value="option4" tabIndex="-1"><input type="checkbox"/> Threshold</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
Вот пример того, чего я пытаюсь достичь - аналогично показателям: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/demo/advanced-stock-chart/