Question

我想使用Google Charts API创建带注释的图表，例如示例页面上的图表： https://developers.google.com/chart/interactive/docs/gallery/annotationchart

但是，我的数据不是日期格式，而是两列，每列包含一个不代表时间的数字。

当我尝试绘制图表时，我收到一条错误消息，指出第一列必须是日期或日期时间格式。

我试图通过将第一列更改为：

来解决问题

new Date(0,0,MyNumber)

图表绘制我的数据，但x轴标签是我不想要的所有日期！如何才能将标签作为我的数字？

Answer 1

为了处理js文件，我发现有两个函数和一个需要更改的变量。我自己手动更新了这些值，它对我有用

gvjs__a = "number";
gvjs_OD = function (a){return a;};
gvjs_uj = function (a,b,c){return c;}

例如见下面的代码

google.charts.load('current', {'packages':['annotationchart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
**data.addColumn('number', 'TestDate');**
data.addColumn('number', 'Kepler-22b mission');
data.addRows([
[13, 12400],
[16, 24045]
]);
var chart = new       google.visualization.AnnotationChart(document.getElementById('chart_div'));
var formatter_long = new google.visualization.DateFormat({formatType: 'long'});
var formatter = new google.visualization.DateFormat({pattern: "yy"});
formatter_long.format(data, 0);

var options = {
displayAnnotations: true
};
gvjs__a = "number";
gvjs_OD = function (a){return a;};
gvjs_uj = function (a,b,c){return c;}
chart.draw(data, options);
}

没有使用日期格式的Google带注释的图表

1 个答案: