У меня есть диаграмма в google, которая выглядит примерно так:
10| .
| .....----''' ''--.
09| .-----''''' ''-
| '.
08| \
| '.
07| '.
|________________________________________________________
2012/12/27 12:01 2012/12/26 12:22 2012/12/25 11:33
И я хочу, чтобы это выглядело так (обратите внимание на метку X-Axis):
10| .
| .....----''' ''-.
09| .-----''''' \
| '.
08| \
| '.
07| '.
|_______________________________________________
2012/12/27 2012/12/26 2012/12/25
12:01 12:22 11:33
Я попробовал добавить <br>
, \n
и \r
, но не повезло.
Я просмотрел документацию, и ближайшая вещь, которую я нашел, была hAxis.maxTextLines
, но нет параметров minTextLines
, поэтому я не мог понять, как ее заставить. Как я могу это сделать?
UPDATE
Кажется, что это возможно при создании диаграмм путем ссылки на google. Вам просто нужно установить переменную chxt
с дополнительными значениями x (однако вам нужно еще больше x осей): chxt=y,x,x
. И затем для каждой оси x вы устанавливаете, какие метки будут с переменной chxl
. chxl=1:|2012/12/27|2012/12/26|2012/12/25|2:|12:01|12:22|11:33
Например:
Но то, как я создаю свои диаграммы, - это JavaScript. Таким образом:
google.setOnLoadCallback(function(){
var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number', 'Count');
//Populate data
new google.visualization.LineChart(document.getElementById('chart')).
draw(data, {curveType: 'function',
chartArea: {left: 70, top: 50, width: '100%', height: '85%'},
width: 950, height: 800,
interpolateNulls: true,
pointSize: 5,
legend: {position: 'none'},
vAxis: {title: 'Count', viewWindow: {min: 7, max: 10}},
hAxis: {title: 'Date', viewWindow: {min: 0, max: 3}}
});
});
Поэтому мне нужно выяснить, как это сделать, используя этот формат /API. Как я могу это сделать?