Cách bẻ đồ thị trong sơ đồ đường của jqplot

Question

Cách phá vỡ một đường đồ thị nếu thiếu giá trị và bắt đầu lại sau khi giá trị tiếp theo được kích hoạt.

Answer 1

Bạn chỉ cần đặt một điểm bằng null làm giá trị của nó.

Bên trong series đặt breakOnNull: true.

JSFIDDLE LINK

$.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);