轴格式日期谷歌图表的2个问题

Question

我正在尝试将轴上的日期设置为这样的格式：2018年5月。我的格式如下：'MMM\'yy'。我有两个问题：1.我应该怎么做才能使本月的第一个字母大写？我需要生成tick来实现这一点吗？2.撇号有一个问题，即当它在其后应用撇号时，将不再使用格式，也不会显示撇号本身。例如，上面看起来是这样的：may yy。我还尝试使用ASCII和Unicode中的撇号字符，但这不起作用。只是谷歌图表可能会将撇号视为不能使用的字符。。。有什么建议吗？

编辑：

用撇号解决了问题。u2019并不完全是撇号。正确的撇号是：https://unicode-table.com/en/0027/，但它看起来还是不错的。

然而，就我而言，本月的第一封信仍然很小，因为我使用的是波兰语翻译。对此有什么建议吗？

编辑：

问题解决了。

Answer 1

您可以这样使用unicode-->u2019

hAxis: {
format: 'MMM u2019yy'
}

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

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
};
})

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

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>