1

CSV テキスト ファイルを解析し、いくつかの Google 折れ線グラフを含む HTML ファイルをperl スクリプトで生成します。

これは、データの値が 1 つしかない場合を除いて、うまく機能します。

ここに画像の説明を入力

27.4 という値は表示されません。

私の Web ページのコードは次のとおりです。ブラウザで開くと、問題が表示されます。

<!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>

ここで何をすべきか知っている人はいますか？

点または記号をお願いします。27.4に表示されます

折れ線グラフでそれを強制するオプションはありますか?

または、ここで他のタイプのチャートを使用する必要がありますか? 散布図を試してみましたが、2 つのデータ値が必要なようです。

4

1 に答える 1