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

Question

I'm drawing a barchart representing the homicide rate in the USA. I'm trying to truncate this chart by setting the baseline at > 0 but the code:

    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] 
        },
      }
    };

doesn't do its job and shows the whole range contrarily to my aim.

This is the complete code of the chart. What did I mistake?

The same procedure works with an area chart ( Pluckr example )... how come?

Answer 1

Your code isn't proper, as stated in other answers.

You need to use the function google.charts.Bar.convertOptions when working with material charts. Source (scroll down a bit, or ctrl + f for convertOptions).

You're currently drawing the chart with

chart.draw(data, options);

while the correct way would be

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

Working plunker

(This is also why it's working with the area chart.. That's not a material chart).