Google图表日历 - 将渐变比例值更改为字符串

Question

我正在使用Google图表日历，我想修改渐变值 - 最小值和最大值。从official documentation我可以通过修改colorAxis来实现：

{minValue: 0, maxValue: 5,  colors: ['#FF0000', '#00FF00']}

但它仅支持类型编号，我更愿意通过使用字符串来表示它，例如＆＃34;最低值＆＃34;对于minValue和＆＃34;最高价值＆＃34;对于maxValue。

有任何建议我该怎么办？

Answer 1

为了计算＆＃39;活动＆＃39;列，
minValue和maxValue的选项只能是数字...

但如果您只想更改图例上显示的标签，请执行 这可以在图表的'ready'事件

上手动完成

请参阅以下工作代码段...

＆＃13;

＆＃13;

google.charts.load('current', {
  packages: ['calendar']
}).then(function () {
  var dataTable = new google.visualization.DataTable();
  dataTable.addColumn({type: 'date', id: 'Date'});
  dataTable.addColumn({type: 'number', id: 'Activity'});
  dataTable.addRows([
    [new Date(2018, 0, 3), 1],
    [new Date(2018, 0, 16), 2],
    [new Date(2018, 1, 6), 3],
    [new Date(2018, 1, 15), 4],
    [new Date(2018, 1, 25), 5]
  ]);
  var chart = new google.visualization.Calendar(document.getElementById('chart_div'));
  var options = {
    colorAxis: {minValue: 0, maxValue: 5,  colors: ['#FF0000', '#00FF00']},
    width: 1000
  };
  google.visualization.events.addListener(chart, 'ready', function () {
    if ($('#chart_div text').length > 1) {
      $($('#chart_div text').get(0)).text('Lowest');
      $($('#chart_div text').get(1)).text('Highest');
    }
  });
  chart.draw(dataTable, options);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

＆＃13;

＆＃13;

＆＃13;