删除第一个点和最后一个点之间的线（line-chart/flot.js）答案

【问题标题】：Remove line between first and last point ( line-chart/flot.js)删除第一个点和最后一个点之间的线（line-chart/flot.js）
【发布时间】：2018-02-04 13:28:47
【问题描述】：

如何删除第一点和最后一点之间的链接，我尝试了很多东西但没有任何反应

我试图用谷歌搜索它，但我发现了 mathlab 的问题！

图表图片：

我的图表代码

<script type="text/javascript">
        <?php   $counter_days = 1;?>
    var ticks = [
                    @foreach($numbers_of_visitors_last_10_days as $keys=>$dates )
                    @if($counter_days <=1)
            [{{ltrim($keys,'0')}}, "days {{ltrim($keys,'0')}}"],
                    @else
            [{{ltrim($keys,'0')}},{{ltrim($keys,'0')}}],
                @endif
            <?php   $counter_days ++;?>
                @endforeach
        ];

        /*
         * LINE CHART
         * ----------
         */
    $(function () {
        "use strict";

        var line_data2 = [

                @foreach($numbers_of_visitors_last_10_days as $keys=>$dates )
            [{{ltrim($keys,'0')}}, {{count($dates)}}],
            @endforeach
        ];
        var xaxisLabel = $("<div class='axisLabel xaxisLabel'></div>")
            .text("My X Label")
            .appendTo($('#line-chart'));

        $.plot("#line-chart", [line_data2], {

            grid: {
                hoverable: true,
                borderColor: "#E2E6EE",
                borderWidth: 1,
                tickColor: "#E2E6EE"
            },


            series: {
                shadowSize: 2,
                lines: {
                    show: true
                },
                points: {
                    show: true
                }
            },
            colors: ["#333333", "#cccccc"],
            lines: {
                fill: true,
            },
            yaxis: {
                show: true,
                tickFormatter: function (val, axis) { return val }


            },
            xaxis: {
                show: true,
                ticks: ticks,


            }

        });


    });


</script>

正如你在图片中看到的第一行与最后一行相连，这使它看起来很奇怪且不可读

这可能吗？

【问题讨论】：

好问题 - 不幸的是，似乎没有人知道答案。

标签： javascript jquery plot charts linechart

【解决方案1】：

Heredellitsa 写道：

嗨，我在绘制日期时遇到了同样的问题。这不是图书馆的问题。您的数据顺序不正确。尝试添加按日期排序到您的查询，情节会很好。

这实际上适用于我的问题 - 但它有点不同，由于我的 SQL 中的错误，我将系列相乘，因此相同的数据在该数组中一遍又一遍地重复，导致效果“错误的顺序”。

【讨论】：