Question

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

Answer 1

Google图表中的

标签（标题，图例，轴）不接受html，
但是您可以使用Unicode字符...

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

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

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

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>

Google图表在图表标题中添加空格/空白

1 个答案: