kon

Members
  • Content count

    1
  • Joined

  • Last visited

About kon

  • Rank
    Forum Newbie
  1. Toggleable Series

    I wrote some javascript code to toggle series in a multiseries graph, not sure if it works with all of them, i only used it with MSCombi3D.swf. $j is the jQuery object obviously, replace with $ or jQuery if you use something different. If someone has a simpler or more effective way of doing this please post here. Also suggestions and comments are welcome. $j(chart.options.containerElement).data("origData", JSON.stringify(chart.getJSONData())); var seriesList = $j("<ul class=\"seriesSelect\" />"); $j(chart.getJSONData().dataset).each(function (index, dataset) { var li = $j("<li />"); var checkbox = $j("<input checked=\"checked\" rel=\"" + dataset.seriesname + "\" type=\"checkbox\" id=\"series_cb_" + dataset.seriesname + "\" /><label for=\"series_cb_" + dataset.seriesname + "\">" + dataset.seriesname + "</label>"); checkbox.click(function (e) { var origData = JSON.parse($j(chart.options.containerElement).data("origData")); var origDataset = origData.dataset; var enabledSeries = []; //push all checked series into enabledSeries array $j(this).closest("ul").find("input:checked").each(function (i, input) { enabledSeries.push($j(this).attr("rel")); }); origData.dataset = origDataset.filter(function (ele) { for (key in enabledSeries) { if ($j.trim(ele.seriesname) === enabledSeries[key]) { return true; } } return false; }); chart.setJSONData(origData); }); checkbox.appendTo(li); li.appendTo(seriesList); });