How to show small values with large values in google charts?

Question

You can see in this fiddle

In the year 2004 I have values of 1000, and in the other years I have large values, for that reason in the scale the chart doesn't seems able to rendered, what can I do to show those values. I was reading this . Is there a way to do something like that in google chart?

Here is the code

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {

  var data = google.visualization.arrayToDataTable([
    ['Year', 'Sales', 'Expenses'],
    ['2004',  1000,      1000],
    ['2005',  1170000,      460000],
    ['2006',  660000,       1120000],
    ['2007',  1030000,      540000]
  ]);

  var options = {
    title: 'Company Performance',
    hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));

  chart.draw(data, options);

}
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

The chart

在此输入图像描述

Answer 1

Google Chart´s axis have an option to set scale to logarithm, which fits better for big differences between lowest and highest values. Note that all values must be positive and if the data value is 1, it won´t show as logharithm scale starts at 1 or higher. To change it, use:

vAxis: {title: 'Year', titleTextStyle: {color: 'red'}, logScale:true}

You can find the documentation in configuration options section:

Google Chart Configuration Options

How to show small values with large values in google charts?

Question

1 answers

solution1
3 ACCPTED 2014-10-10 17:50:03

How to show small values with large values in google charts?

Question

1 answers

solution1 3 ACCPTED 2014-10-10 17:50:03

solution1
3 ACCPTED 2014-10-10 17:50:03