谷歌图表趋势线未显示
Google charts trendline not showing
我有一个谷歌图表折线图,我想在上面显示趋势线,但它没有显示。
数据是从数据库中获取的,javascript由PHP生成,但生成的javascript如下所示:
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
var dataS = new google.visualization.DataTable();
dataS.addColumn('string', 'Dag');
dataS.addColumn('number', 'Poäng');
dataS.addRows([
['1', 32],
['2', 37],
['3', 37],
['4', 40],
['5', 31],
['6', 38],
['7', 28],
['8', 34],
['9', 41],
['10', 41],
]);
var optionsS = {
title: '',
legend: 'none',
hAxis: {title: 'Serie'},
vAxis: {title: 'Poäng'},
pointSize: 4,
trendlines: { 0: {} }
};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.LineChart(document.getElementById('chart_div_series'));
chart.draw(dataS, optionsS);
}
</script>
该脚本主要是从谷歌图表示例中复制粘贴的。图表工作正常,除了趋势线没有显示。知道为什么吗?
您必须具有连续的域轴(键入"数字"、"日期"、"日期时间"或"一天中的时间")才能使用趋势线。 通过将第一列设置为"字符串"类型(并用字符串填充它),您将禁用趋势线。 切换到"数字"类型列,趋势线将起作用:
var dataS = new google.visualization.DataTable();
dataS.addColumn('number', 'Dag');
dataS.addColumn('number', 'Poäng');
dataS.addRows([
[1, 32],
[2, 37],
[3, 37],
[4, 40],
[5, 31],
[6, 38],
[7, 28],
[8, 34],
[9, 41],
[10, 41]
]);
相关文章:
- 计算趋势线并预测未来结果
- 如何在JavaScript中显示注释线程层次结构
- 谷歌图表,有问题地获取第一个和最后一个点的趋势线值
- 无法让趋势线工作
- 趋势线改变主题
- 谷歌图表趋势线未显示
- 在twitch tv javascript中显示离线用户
- 趋势线未显示在amCharts中
- 高库存:移动渲染器元素和导航器/绘制趋势线
- 显示趋势线的Web图表Javascript图形库
- 趋势线AmCharts在没有基于日期的情况下不起作用
- JS图表:绘制趋势线
- 煎茶店在网格上显示空线
- 点不显示为线/散组合图d3.js
- 在D3直方图中没有显示网格线
- 使用d3js显示时间线
- 如何在jqplot柱状图中拥有比数据点更多的列,并在所有列上保持趋势线的连续性?
- 悬停在上面时显示打印线长度的注释
- 谷歌折线图上的趋势线
- 用角度绘制带有 d3 折线图中实际值的趋势线