c3.js टूलटिप के साथ लाइन को कैसे निकालें?

Question

मैं c3.js. का उपयोग कर एक लाइन चार्ट बना रहा हूं। मैं टूलटिप के साथ एक्स-अक्ष को डिफ़ॉल्ट सूचक रेखा को हटाना चाहता हूं।

मैंने टूलटिप स्वरूपण का प्रयास किया है लेकिन रेखा समान है।

यह कैसे किया जा सकता है?

Answer 1

बस .c3-xgrid फोकस कक्षा में निम्नलिखित सीएसएस संपत्ति को ओवरराइड: -

.c3-grid .c3-xgrid-focus { visibility : hidden !important; }

मैं जल्दी से एक config पैरामीटर एपीआई दस्तावेज़ में इस सुविधा को बंद करने के लिए नहीं मिल सका।

Answer 2

point: { 
show: false 
}, 

अंक को छिपाने के लिए झूठी और शो के लिए सच अंक

नोट: के बाद लगता है कि आप इस बारे में करने के लिए जा रहे हैं अपने अन्य सेटिंग्स के साथ डेटा और साथ लोड हो रहा है http://c3js.org/reference.html#point-show

: सी 3 में समारोह

यहाँ उत्पन्न उदाहरण है

नीचे कोड में मैं एक टिप्पणी के साथ कोड पर प्रकाश डाला है:

var chart = c3.generate({ 
    bindto: '#CYCLE_CHART', 
    data: { 
    columns: [ 
     ["Cycletime"].concat(objCycle.cData), ["Downtime"].concat(objDowntime.dData), ["StdCycletime"].concat(objStdCycle.stdCData), ["StdLoadunloadtime"].concat(objStdLUtime.stdLUData), 
    ], 
    type: 'spline', 
    types: { 
     Cycletime: 'bar', 
     Downtime: 'bar' 
    }, 
    names: { 
     Cycletime: 'Cycle time', 
     Downtime: 'Load time', 
     StdCycletime: 'Std Cycle time', 
     StdLoadunloadtime: 'Std Load time' 

    }, 
    }, 
    axis: { 
    x: { 
     label: { 
     text: 'Cycles', 
     position: 'outer-center' 
     }, 
     max: 10, 
     min: 1, 
    }, 
    y: { 
     label: { 
     text: 'Seconds', 
     position: 'outer-middle' 
     }, 
     max: Y_axis, 
     min: 1, 
    } 
    }, 

    // Here! 
    point: { 
    show: false 
    }, 

    tooltip: { 
    show: true 
    } 
}); 

Answer 3

grid:{ 
    focus:{ 
    show:false 
    } 
} 

उस समय हो सकता है जब व्यक्ति इस सवाल config पैरामीटर नहीं प्रदान की जवाब देने, लेकिन अब आप उल्लेख विन्यास ऊपर के माध्यम से यह कर सकते हैं। नीचे

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['data1', 30, 200, 100, 400, 150, 250], 
      ['data2', 50, 20, 10, 40, 15, 25] 
     ] 
    }, 
    grid:{ 
     focus:{ 
     show:false 
     } 
    } 
}); 

Answer 4

http://c3js.org/reference.html#grid-focus-show

उदाहरण कोड संदर्भ BonifatiusK's टिप्पणी के अनुसार, आप उन्हें chartOptions संपादन करके छिपाने चाहिए।

{ 
    tooltip: { 
     show: false 
    } 
} 

सी 3 के सीएसएस गुणों को ओवरराइड करना एक अच्छा विचार नहीं है।