如何在Google图表的区域图中分隔日期
阿德里亚诺·佩扎（Adriano Pezza）
我正在使用Google图表，尤其是我有一个包含许多每月数据的面积图。但是，如下图所示，x轴上的日期过于接近，无法读取。如何分隔日期以显示日期？非常感谢！
这是我的代码：
<script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script>;
<script type='text/javascript'>;
google.charts.load('current', {'packages':['corechart']});;
google.charts.setOnLoadCallback(drawChart2);;
function drawChart2() {;
var data = google.visualization.arrayToDataTable([;
['Time', 'Retorno'],;
for ($x = 0; $x <= count($date_array_all)-1; $x++) {
['" . $date_array_all[$x] . "', " . $equity_array_all[$x] . "], ;
}
]);;
var options = {;
chartArea: {left: 70, right:50, top: 30, bottom: 50},;
series: {;
0: { color: '#469DE4' },},;
legend: 'none',;
vAxis: {textStyle:{color: '#7F7F7F'}, baselineColor: '#CCCCCC', format: '#%', gridlines: {color: 'transparent'}},;
fontName: 'Source Sans Pro',;
hAxis: {textStyle:{color: '#7F7F7F'}}};;
var chart = new google.visualization.AreaChart(document.getElementById('chart_div2'));;
var formatter = new google.visualization.NumberFormat({pattern:'#,###%'});;
formatter.format(data, 1);;
chart.draw(data, options);;
};
</script>;
<div id='chart_div2' style='height: 450px;'></div>;
白帽
尝试增加图表区域的底部...
chartArea: {left: 70, right:50, top: 30, bottom: 72} // <-- increase bottom here
对于离散轴（x轴上的字符串值），您还有以下选择...
hAxis.minTextSpacing-两个相邻文本标签之间允许的最小水平间距（以像素为单位）。
hAxis.showTextEvery-显示多少个水平轴标签，其中1表示每个标签，2表示每个其他标签，依此类推。
在这种情况下，可以使用连续轴（x轴上的实际日期对象）进行更多控制，则可以使用hAxis.ticks精确值构建数组（）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在php中分隔日期和时间？
- 2
如何在Google折线图中按年份分隔日期
- 3
如何在 SQL Server 中分隔日期和时间并显示在单独的列中？
- 4
VBA Excel在单元格中分隔日期范围
- 5
如何分隔日期和时间
- 6
Primefaces日历区域设置用“ /”而不是“。”分隔日期。
- 7
如何在Google图表中的图表区域周围绘制边框？
- 8
CSS分隔日期字段
- 9
如何在Swift中分隔NSDate（）的日期和时间组件？
- 10
如何在Swift中分隔NSDate（）的日期和时间组件？
- 11
在r中的数据框中分隔日期和时间列
- 12
如何在 for 中分隔 RadioList？
- 13
如何在MySQL上增加间隔日期
- 14
如何在图像区域地图中分配 HTML onmouseover 事件处理程序？
- 15
用逗号分隔日期和时间
- 16
在rails中按月分隔日期
- 17
如何从输入 + jquery 中的逗号分隔日期中删除特定日期
- 18
如何在html中的Google地图中自动标记区域？
- 19
我如何在 swift3 中为这种格式 2017-04-11T10:20:46.000+0000 分隔日期和时间
- 20
我有一个int格式DDMMYYYY的日期，如何分隔日，月和年
- 21
如何在Django中的日期时间中分隔HH和MM
- 22
如何在Google图表中设置hAxis标签日期的格式
- 23
如何在Google图表中将hAxis设置为日期格式？
- 24
如何在javafx中分隔我的GUI？
- 25
如何在git分支中分隔文件
- 26
如何在php中分隔项目列表？
- 27
如何在地图中分组？
- 28
如何在JFrame中分隔面板以分隔类
- 29
如何在不同的列中分隔多个选择短语（Google表单）？
我来说两句