我正在使用谷歌图表库,但无法绘制趋势线可能是因为我使用string
作为hAxis和number
作为vAxis,直到现在我发现它是不可能绘制趋势线直到两轴是数字,但我已经看到例如日期作为hAxis使用,但我认为这是因为这是可比的。
所以我可以用xAxis作为字符串绘制trendLine吗?谷歌图表中的趋势线
我的代码:
<script type="text/javascript">
google.load('visualization', '1.1', {'packages': ['corechart'], 'callback': drawChart});
function drawChart() {
var data = new google.visualization.DataTable();
<g:each status="counter" var="row" in="${transactionsColumns}">
data.addColumn("${row[0]}","${row[1]}");
</g:each>
var tempData=new Array();
<g:each status="counter" var="row" in="${transactionsData}">
var lowerArray=new Array();
<g:each status="eIndex" var="element" in="${row}">
<g:if test="${eIndex==0}">
var column="${row[eIndex]}"
lowerArray[${eIndex}]=column;
</g:if>
<g:else>
var column=${row[eIndex]}
lowerArray[${eIndex}]=column;
</g:else>
</g:each>
tempData[${counter}]=lowerArray;
</g:each>
data.addRows(tempData);
var options = {'title':"${transactionsColumns[1][1]}",
'width':'auto',
'height':'auto',
trendlines: {
0: {
visibleInLegend: true,
color: 'purple',
lineWidth: 10,
opacity: 0.2,
}
}
};
var chart = new google.visualization.LineChart(document.getElementById("lineChart${divId}"));
chart.draw(data, options);
}
</script>
编辑: JMAC帮助后,我能够做到这一点:
现在我得到了我想要的徘徊在图点,但不在X轴本身,它仍然显示编号
我的代码:这是一个单元格
lowerArray[${eIndex}]= {v:${counter+1},f:column}; //LHS dont care about it. v:loop_var(1,2,3..),f:"MyString"
你不能画一个特伦带有字符串轴的线。为了生成趋势线,域轴(通常为x轴)和数据轴(通常为y轴)必须都是连续数据类型(“数字”,“日期”,“日期时间”或“时间”)。 。 – asgallant