如何在jqplot的折线图中打破图形

Question

如果存在缺失值，如何打断图形线，并在输入下一个值后重新开始。

- user2600752

---

你好，你尝试过什么？如果你能提供一些情况细节和代码，这将有助于我们帮助你。 - msturdy

Answer 1

你只需要使用null作为其值来设置一个点。

在series中设置breakOnNull: true。

JSFIDDLE 链接

$.jqplot.config.enablePlugins = true;
var chartData = [[1, 224], [3, 672], [5, null],[15,2240],[17,2000]];

function PlotChart(chartData) {

    var plot2 = $.jqplot('chart1', [chartData], {
        title: 'Mouse Cursor Tracking',
        seriesDefaults: {
            renderer: $.jqplot.CanvasAxisLabelRenderer,
            rendererOptions: {
                smooth: true
            },
            pointLabels: {
                show: true
            },
            breakOnNull: true
        },
        axes: {
            xaxis: {
                label: 'Number of Cookies',
                renderer: $.jqplot.CategoryAxisRenderer,
                // renderer to use to draw the axis,     
                tickOptions: {
                    formatString: '%d'
                }
            },
            yaxis: {
                label: 'Calories',
                tickOptions: {
                    formatString: '%.2f'
                }
            }
        },
        highlighter: {
            sizeAdjust: 7.5
        },
        cursor: {
            show: true
        }
    });
}

PlotChart(chartData);

- Gyandeep