1

我解析 CSV 文本文件并通过 perl 脚本生成带有多个 Google 折线图的 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 显示

折线图是否可以选择强制执行？

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

4

1 回答 1

4

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

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

结果 ：

在此处输入图像描述

于 2013-06-03T12:56:00.823 回答