带有Highcharts column_chart的Chartkick,按系列指定可见性

时间:2019-02-21 08:10:22

标签: ruby highcharts chartkick

在Highcharts上,默认情况下可以隐藏某些选定的系列:

new Highcharts.Chart({
  "chart": {"type":"column","renderTo":"chart-1"},
  "categories":["10-2017","11-2017"],
  "series": [
    {"name":"Metric 1","data":[653.13,683.13]},
    {"name":"Metric 2","data":[6.87,6.87], "visible": false}
  ]})

但是,我正在使用Chartkick Ruby gem,但无法生成上面的代码。

<%= column_chart([
   { name:"Metric 1", data: { "10-2017" => 653.13, "11-2017" => 683.13 } }, 
   { name:"Metric 2", data: { "10-2017" => 6.87, "11-2017" => 6.87 }, visible: false }
]) %>

使用此erb代码段,将忽略visible: false选项。 有没有办法(也许使用library参数)来达到这个目标?

1 个答案:

答案 0 :(得分:0)

我同意,这可能是ChartKick的错误或未实施的问题。

我通过在column_chart初始化之后手动运行此JS代码来解决此问题:

var chart = Chartkick.charts["chart-1"].getChartObject();
chart.series[1].setVisible(false);

验证chart-1是否为图表的正确ID。