Javascript 谷歌图表日志规模不工作

我用谷歌图表制作了一个条形图，我试着让这个图在垂直轴上使用对数刻度，但由于某种原因它不起作用。我尝试过使用logScale和scaleType，但它们都不起作用

这是我的密码：

google.charts.load('current', {
  'packages': ['bar']
});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Vendor', 'Nootropics Depot', 'Pure Nootropics', 'Peak Nootropics', 'Absorb Health'],
    ['ALCAR', 0.07, 0.20, 0.12, 0.24],
    ['Agmatine', 0.13, null, 0.23, null],
    ['Coluracetam', 13.80, 27.49, null, null],
    ['Oxiracetam', 0.47, 0.37, 0.58, 0.63],
    ['Phenibut', 0.22, null, 0.59, 0.60],
    ['Phenylpiracetam', 2.83, 3.33, 5.30, null],
    ['Polygala', 0.42, null, null, null],
    ['Pramiracetam', 1.67, 2.22, 1.60, 2.60],
    ['PRL-8-53', 23.99, null, null, null],
    ['Rhodiola Rosea 3% Rosavins', 0.23, 0.60, 0.32, 0.26],
  ]);

  var formatter = new google.visualization.NumberFormat({
    suffix: 'tablets',
    negativeColor: 'red',
    negativeParens: true
  });
  formatter.format(data, 0);
  var formatter = new google.visualization.NumberFormat({
    prefix: '$',
    negativeColor: 'red',
    negativeParens: true
  });
  formatter.format(data, 1);
  formatter.format(data, 2);
  formatter.format(data, 3);
  formatter.format(data, 4);

  var options = {
    chart: {
      title: 'Cheapest price per gram',
    },
    bars: 'vertical', // Required for Material Bar Charts.
    hAxis: {
      format: 'decimal',
    },
    vAxis: {
      title: 'Price',
      format: '$#',
      minValue: 0.1,
      logScale: true,
    },
    height: 400,
    colors: ['#1b9e77', '#d95f02', '#7570b3']
  };

  var chart = new google.charts.Bar(document.getElementById('chart_div'));

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

}

JSFIDLE页：

---

我不确定我做错了什么。我甚至尝试过改变垂直轴的值，但它就是不起作用。我遗漏了什么？

有几种材料图表不支持的选项，包括…

{hAxis，vAxis，hAxes.*，vAxes.*}.logScale

见-->

---

Material=

google.charts.Bar

--

packages:['Bar']

Classic=

google.visualization.ColumnChart

--

包：['corechart']

---

经典图表有一个选项，看起来与材质类似。

主题：“材料”

请参阅以下工作片段


google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=google.visualization.arrayToDataTable([
['Vendor'、'Nootropics Depot'、'Pure Nootropics'、'Peak Nootropics'、'吸收健康']，
[ALCAR'，0.07,0.20,0.12,0.24]，
['Agmatine'，0.13，零，0.23，零]，
[Coluracetam'，13.80,27.49，空，空]，
[‘奥拉西坦’、0.47、0.37、0.58、0.63]，
['Phenibut'，0.22，空，0.59，0.60]，
['苯吡拉西坦'，2.83,3.33,5.30,null]，
['Polygala'，0.42，空，空，空]，
[Pramiracetam'，1.67,2.22,1.60,2.60]，
[PRL-8-53'，23.99，空，空，空]，
[3%玫瑰红景天，0.23,0.60,0.32,0.26]，
]);
var formatter=new google.visualization.NumberFormat({
后缀：'片剂'，
负片颜色：“红色”，
否定：是的
});
格式化程序。格式化（数据，0）；
var formatter=new google.visualization.NumberFormat({
前缀：“$”，
负片颜色：“红色”，
否定：是的
});
格式化程序。格式化（数据，1）；
格式（数据，2）；
格式（数据，3）；
格式化程序。格式化（数据，4）；
变量选项={
主题:"材料",，
标题：“每克最便宜价格”，
哈克斯：{
格式：“十进制”
},
言辞：{
标题:"价格",，
格式：“$#”，
最小值：0.1，
对数刻度：对
},
身高：400，
颜色：['1b9e77'、'd95f02'、'7570b3']
};
var chart=new google.visualization.ColumnChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
});
很好，谢谢。是的，我发现有些选项不适用于材料表，很奇怪。但是，倒置的酒吧看起来并不那么好，我想它可能会让一些读者感到困惑。是否有一种方法可以使极值仍然突出，同时确保小值仍然清晰可见？