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

Смежные вопросы