Google LineChart 不显示单个值答案

【问题标题】：Google LineChart does not display a single valueGoogle LineChart 不显示单个值
【发布时间】：2013-06-03 12:05:24
【问题描述】：

我解析 CSV 文本文件并生成带有多个 Google 折线图 by a perl script 的 HTML 文件。

这很好用，除了我只有一个单一的数据值的情况：

不显示 27.4 的值。

我的网页代码如下，用浏览器打开就可以看到问题：

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
<script type="text/javascript">

        var data = {"L_B8_MAXPWRCAL_CI0":{
                    "rows":[
{"c":[{"v":"MEASUREMENT"},{"v":27.4},{"v":23},{"v":40}]}],

                    "cols":[
{"p":{"role":"domain"},"label":"MEASUREMENT","type":"string"},
{"p":{"role":"data"},"label":"1142926087","type":"number"},
{"p":{"role":"interval"},"label":"LSL","type":"number"},
{"p":{"role":"interval"},"label":"USL","type":"number"}]}};

        function drawCharts() {
                for (var csv in data) {
                        var x = new google.visualization.DataTable(data[csv]);

                        var options = {
                                title: csv,
                                width: 800,
                                height: 600
                        };

                        var chart = new google.visualization.LineChart(document.getElementById(csv));
                        chart.draw(x, options);
                }
        }

        $(function() {
                google.setOnLoadCallback(drawCharts);
        });

</script>
</head>
<body>
<div id="L_B8_MAXPWRCAL_CI0"></div>
<hr>
</body>
</html>

有人知道，在这里做什么吗？

我想要一个点或smth。为 27.4 显示

Line Chart 是否可以选择强制执行？

或者我应该在这里使用其他类型的图表吗？我试过散点图，但它似乎需要 2 个数据值。

【问题讨论】：

标签： charts google-visualization

【解决方案1】：

您可以使用pointSize。测试 row-part 是否仅包含 1 个元素，如果包含则显示一个点。在您的代码中：

var pointSize = (data[csv].rows.length==1) ? 10 : 0;
var options = {
    title: csv,
    pointSize: pointSize,
    width: 800,
    height: 600
};

结果：

【讨论】：