在使用ChartEditor类编辑图表后,有没有返回GoogleChart的选项?

时间:2014-09-30 14:03:35

标签: google-visualization options google-chartwrapper

我想将多个GoogleCharts的配置存储在数据库中,并使用它们来创建图表仪表板。

我目前存储了我为数据库中的每个图表提供的选项,并让我的仪表板工作,显示多个图表。

我想使用ChartEditor类允许用户修改图表,然后将更改保存回我的数据库,以便下次创建仪表板时,更改将保持不变。

因此,当用户点击ChartEditor对话框上的OK按钮时,有没有办法访问这些选项的更改?

2 个答案:

答案 0 :(得分:0)

爬行后,检查ChartEditor对象....

$.parseJSON(chartEditor.getChartSpecification())['options']

...返回我正在寻找的东西。

答案 1 :(得分:0)

只需添加到Flippsie的答案中,您就可以从chartEditor.getChartSpecification()返回的json重新创建保存的图表

  var json = chartEditor.getChartSpecification(); // Or saved JSON value
  var spec = JSON.parse(json);

  // Get the chart details from the saved spec
  var data = new google.visualization.DataTable(spec.dataTable);
  var options = spec.options;
  var chartType = spec.chartType || "BarChart";
  
  // Instantiate and draw our chart, passing in some options.
  window.chart = new google.visualization[chartType](document.getElementById('chart_div'));
  chart.draw(data, options);