谷歌图表在图表标题中添加空格/空格答案

【问题标题】：Google Charts add blank space/whitespaces in Chart Title谷歌图表在图表标题中添加空格/空格
【发布时间】：2019-07-16 21:21:15
【问题描述】：

如何在图表标题中添加空格或whitespcaes。我尝试了 &nbsp 和但它不起作用。请提出建议。

【问题讨论】：

标签： c# html css charts google-visualization

【解决方案1】：

谷歌图表中的标签（标题、图例、轴）将不接受 html，
但你可以使用 Unicode 字符...

在这种情况下，使用不间断空格 --> \u00A0

title: 'Begin>\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0<End'

请参阅以下工作 sn-p...

google.charts.load('current', {
  packages:['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['x', 'y0'],
    [0, 0],
    [1, 2],
    [2, 4],
    [3, 6]
  ]);

  var options = {
    title: 'Begin>\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0<End'
  };

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

  chart.draw(data, options);
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

【讨论】：

谢谢。这行得通。对于不同的浏览器，这个 '\u00A0' 不间断空间是否不同？