Google可视化颜色表面精确匹配字符串



是否可以基于确切匹配的文本列为文本列着色?我已经尝试将其从和到相同的值设置,但不会为单元格着色吗?

formatter.addRange('danger', 'danger', 'red', 'white');

谢谢

高边界或 to 值是 non-Inclusive

所以它必须是'danger'

之后的东西

包括末端的空间会为单元格着色

请参阅以下工作片段...

google.charts.load('current', {
  callback: function () {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'string');
    data.addColumn('number', 'number');
    data.addRow(['danger', 0]);
    data.addRow(['safe', 1000]);
    data.addRow(['unknown', 1001]);
    var formatColor = new google.visualization.ColorFormat();
    formatColor.addRange('danger', 'danger ', 'white', 'red');
    formatColor.addRange(1000, 1001, 'white', 'green');
    formatColor.format(data, 0);
    formatColor.format(data, 1);
    var chart = new google.visualization.Table(document.getElementById('chart_div'));
    chart.draw(data, {
      allowHtml: true
    });
  },
  packages: ['table']
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

最新更新