So brechen Sie das Diagramm im Liniendiagramm von jqplot

Question

Wie Sie eine Diagrammlinie aufbrechen, wenn ein Wert fehlt, und beginnen Sie erneut, nachdem der nächste Wert eingegeben wurde.

Answer 1

Sie müssen nur einen Punkt mit null als Wert angeben.

Innerhalb series Satz 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);