如何在谷歌图表中显示大值的小值？

Question

如何在谷歌图表中显示大值的小值？

Emi*_*ort 2 javascript google-visualization

你可以在这个小提琴中看到

在 2004 年，我的值为 1000，而在其他年份，我的值很大，因此图表似乎无法呈现比例尺，我该怎么做才能显示这些值。我正在读这个。有没有办法在谷歌图表中做类似的事情？

这是代码

<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>

Run Code Online (Sandbox Code Playgroud)

图表

在此处输入图片说明

Answer 1

juv*_*ian 5

谷歌图表的轴有一个选项可以将比例设置为对数，这更适合最低值和最高值之间的巨大差异。请注意，所有值都必须为正，如果数据值为 1，则不会显示为对数刻度从 1 或更高开始。要更改它，请使用：

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

Run Code Online (Sandbox Code Playgroud)

您可以在配置选项部分找到文档：

谷歌图表配置选项

归档时间：	11 年，3 月前
查看次数：	2710 次
最近记录：	11 年，3 月前