0

フロー線グラフを実装しようとしていますが、問題なくグラフを表示できますが、xaxis を変更して 1 の分割で表されるようにすると、何も起こりません。私がしていることは何も影響しません。つまり、ティックの最小数などを指定すると、xaxis はまったく同じままです。どこが間違っているのか、適切なjsファイルが含まれていないのか、それともxaxisをセットアップするためのコードに含まれているのか教えてください。このグラフは最終的には 1 か月の売上高になるので、毎日の売上を表示できるようにしたいと考えています。

私が持っているコードは次のとおりです。

<script src="<?php echo base_url('assets/js/admin/jquery.flot.js') ?>"></script>
<script src="<?php echo base_url('assets/js/admin/jquery.flot.canvas.js') ?>"></script>
<script src="<?php echo base_url('assets/js/admin/jquery.flot.time.js') ?>"></script>
30
<script type="text/javascript">

    $(function() {

        var d2 = [[1, 445.50], [2, 660.00], [3, 240.00], [4, 302.00], [5, 601.45], [6, 705.34], [7, 550.05], [8, 450.00], [9, 302.00], [10, 601.45], [11, 302.00], [12, 450.00], [13, 1300.00], [14, 601.45], [15, 302.00], [16, 450.00], [17, 450.00], [18, 340.00], [19, 630.00], [20, 450.00], [21, 302.00], [22, 550.00], [23, 440.00], [24, 100.00], [25, 230.00], [26, 200.00], [27, 302.00], [28, 450.00], [29, 430.00], [30, 230.00]];

        $.plot("#placeholder", [{
                        color: '#F6772F',
            data: d2,
                        yaxis: {},
                        xaxis: {ticks: 30}

        }]);

    });

    </script>
4

1 に答える 1