jqplot

2013-07-19 3 views
6

के रेखा आरेख में आलेख को तोड़ने के लिए कैसे करें यदि कोई गुम मूल्य है तो ग्राफ़ लाइन को तोड़ने के लिए और अगले मान को फिर से शुरू करने के बाद फिर से शुरू करें।jqplot

+0

हाय, क्या आप की कोशिश की है? यह आपकी मदद करने में हमारी सहायता करेगा यदि आप अपनी स्थिति के कुछ विवरण और कुछ कोड भी शामिल कर सकते हैं। – msturdy

उत्तर

7

आपको इसके मूल्य के रूप में null के साथ एक बिंदु देना होगा।

seriesbreakOnNull: 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); 
+0

एक और उदाहरण [यहां] (https://jsfiddle.net/d3zzdbv8/2/) – SausageFingers

संबंधित मुद्दे