【问题标题】:2 problems in axis format date Google charts2 轴格式日期谷歌图表的问题
【发布时间】:2018-12-06 13:16:51
【问题描述】:

我正在尝试像这样格式化轴上的日期:May '18。我的格式如下所示:'MMM \' yy'。我有两个问题: 1. 月份的第一个字母要大写怎么办?我需要生成刻度来实现这一点吗? 2. 撇号有问题,即当它在它之后应用它时,不再使用格式,并且撇号本身没有显示。例如,上面看起来像这样:may yy。我还尝试使用 ASCII 和 Unicode 中的撇号字符,但这不起作用。只是谷歌图表可能将撇号视为不能使用的字符......有什么建议吗?

编辑:

用撇号解决的问题。 \u2019 不完全是撇号。正确的撇号是:https://unicode-table.com/en/0027/,不过看起来还是不错的。

但是,就我而言,月份的第一个字母仍然很小,因为我使用波兰语翻译。对此有什么建议吗?

编辑:

问题解决了。

【问题讨论】:

    标签: charts format google-visualization axis apostrophe


    【解决方案1】:

    你可以这样使用 unicode --> \u2019

    hAxis: {
      format: 'MMM \u2019yy'
    }
    

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

    google.charts.load('current', {
      packages: ['controls', 'corechart', 'table']
    }).then(function () {
      var data = new google.visualization.DataTable();
      data.addColumn('date', 'x');
      data.addColumn('number', 'y');
      data.addRows([
        [new Date(2018, 4, 1), 1],
        [new Date(2018, 5, 2), 2],
        [new Date(2018, 6, 3), 3],
      ]);
    
      var chart = new google.visualization.LineChart(document.getElementById('chart'));
      chart.draw(data, {
        hAxis: {
          format: 'MMM \u2019yy'
        }
      });
    });
    <script src="https://www.gstatic.com/charts/loader.js"></script>
    <div id="chart"></div>

    编辑

    使用语言代码时首字母大写,
    使用 ticks 选项而不是 format
    然后手动更改第一个字母toUpperCase...

      ticks: data.getDistinctValues(0).map(function (date) {
        var value = formatDate.formatValue(date);
        value = value.substring(0, 1).toUpperCase() + value.substr(1);
        return {
          v: date,
          f: value
        };
      })
    

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

    google.charts.load('current', {
      packages: ['corechart'],
      language: 'pl'
    }).then(function () {
      var data = new google.visualization.DataTable();
      data.addColumn('date', 'x');
      data.addColumn('number', 'y');
      data.addRows([
        [new Date(2018, 4, 1), 1],
        [new Date(2018, 5, 2), 2],
        [new Date(2018, 6, 3), 3],
      ]);
    
      var formatDate = new google.visualization.DateFormat({
        pattern: 'MMM \u2019yy'
      });
    
      var chart = new google.visualization.LineChart(document.getElementById('chart'));
      chart.draw(data, {
        hAxis: {
          ticks: data.getDistinctValues(0).map(function (date) {
            var value = formatDate.formatValue(date);
            value = value.substring(0, 1).toUpperCase() + value.substr(1);
            return {
              v: date,
              f: value
            };
          })
        }
      });
    });
    <script src="https://www.gstatic.com/charts/loader.js"></script>
    <div id="chart"></div>

    【讨论】:

    • 这不完全是撇号。正确的撇号是:unicode-table.com/en/0027,但无论如何看起来都不错。谢谢:)
    • 但是,就我而言,月份的第一个字母仍然很小,因为我使用波兰语翻译。对此有什么建议吗?
    • 谢谢 :) 你太棒了 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-06-10
    • 1970-01-01
    • 2011-12-03
    • 1970-01-01
    • 1970-01-01
    • 2014-04-22
    • 1970-01-01
    相关资源
    最近更新 更多