在Google Charts中设置条形图的基线和范围

时间:2015-10-15 12:14:10

标签: javascript charts google-visualization bar-chart

我正在绘制一张代表美国凶杀率的条形图。 我试图通过在>处设置基线来截断此图表。 0但是代码:

    var options = {
      chart: {
        title: 'Intentional homicide rate per 100,000 population, by country/territory (2000-2013) in the US',
        subtitle: 'Intentional homicide is defined as unlawful death purposefully inflicted on a person by another person',
        hAxis: {title: 'Year'},
        vAxis: {
              title: 'Rate per 100,000', 
              viewWindow:{
                max:20,
                min:2
              },
        // ticks: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100] 
        },
      }
    };

没有完成任务,并且与我的目标相反显示整个范围。

This是图表的完整代码。 我错了什么?

相同的程序适用于面积图(Pluckr example)......怎么来的?

1 个答案:

答案 0 :(得分:1)

您的代码不合适,如其他答案中所述。

使用材质图表时,您需要使用函数google.charts.Bar.convertOptionsSource(向下滚动一下,或ctrl + f表示convertOptions)。

您目前正在使用

绘制图表
chart.draw(data, options);

虽然正确的方法是

chart.draw(data, google.charts.Bar.convertOptions(options));

Working plunker

(这也是它使用区域图表的原因..那不是材料图表。)