2012-03-28 7 views
11

APIconnectNulls संपत्ति का उपयोग करने के लिए एक उचित उदाहरण नहीं दिखाता है। मेरे पास कुछ प्रयास थे लेकिन कोई किस्मत नहीं थी।हाईस्टॉक चार्ट

प्रयास: 1:

plotOptions : 
{ 
    line: { connectNulls : true} 
}, 

इस में जो परिणाम: TypeError: Cannot read property 'x' of undefined

प्रयास 2:

plotOptions : 
{ 
    series: 
    { 
     gapSize: null, 
     line: { connectNulls : true} 
    } 
}, 

यह मैं किसी भी नहीं देता है यहाँ मैं क्या है त्रुटियां, इसलिए मुझे लगता है कि यह सही तरीका है, हालांकि कुछ भी नहीं बदलता है: बिंदु null अंकों के दोनों तरफ से जुड़े नहीं हैं।

क्या कोई भी कोड छीन सकता है जो इसे करने का सही तरीका दिखाता है?

उत्तर

18

हाईचार्ट्स एपीआई में connectNulls संपत्ति के लिए दो उदाहरण हैं: true के लिए एक और false के लिए एक।

http://api.highcharts.com/highcharts#series.connectNulls

true उदाहरण: http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-connectnulls-true/

true उदाहरण से एक टुकड़ा:

plotOptions: { 
     series: { 
      connectNulls: true 
     } 
    }, 

false उदाहरण: http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-connectnulls-false/

false ई से एक टुकड़ा XAMPLE:

plotOptions: { 
    series: { 
     // connectNulls: false // by default 
    } 
}, 

false के डिफ़ॉल्ट एक विचारशील विकल्प है, क्योंकि जब आप मान कनेक्ट कोई डाटा नहीं है जब वहाँ, परिणाम चार्ट के दर्शक की ओर से झूठी मान्यताओं को जन्म दे सकता है।

$(function() { 

     window.chart = new Highcharts.StockChart({ 
      chart : { 
       renderTo : 'container' 
      }, 

      rangeSelector : { 
       selected : 1 
      }, 

      title : { 
       text : 'AAPL Stock Price' 
      }, 

      series : [{ 
       name : 'AAPL', 
      connectNulls: true, 
       data : [ 
    [1112832000000,43.56], 
[1112918400000,43.74], 
[1113177600000,41.92], 
[1113264000000,null], 
[1113350400000,null], 
[1113436800000,37.26], 
[1113523200000,35.35], 
[1113782400000,35.62], 
[1113868800000,37.09], 
[1113955200000,35.51], 
[1114041600000,37.18], 
[1114128000000,35.50], 
[1114387200000,36.98], 
[1114473600000,36.19], 
[1114560000000,35.95], 
[1114646400000,35.54], 
     [1114732800000,36.06]   
     ], 
       tooltip: { 
        valueDecimals: 2 
       } 
      }] 
     }); 

}); 
+0

अजीब, लिंक है कि मैं दिए गए उदाहरणों नहीं है, लेकिन तुम्हारा करता है:

अद्यतन

यहाँ एक Highstock उदाहरण है। ऐसा लगता है कि हाईस्टॉक और हाईचार्ट डॉक्स अलग हैं। – unexplored

+0

@unexplored - हाईस्टॉक उदाहरण जोड़ा गया। – mg1075

+0

सभी लिंक अब मर चुके हैं। – MightyPork

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