c3.js如何刪除工具提示行？

Question

我正在使用c3.js創建折線圖。我想使用工具提示將默認指標線移至x軸。

我已經試過提示格式化，但線保持不變。

這是怎麼做到的？

Answer 1

只需覆蓋以下CSS屬性的≥C3-的Xgrid對焦類： -

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

我不能很快找到一個配置參數的API文檔，以關閉此功能。

Answer 2

point: { 
show: false 
}, 

假隱藏點和表現出真正的點

注： 確保你會寫這之後的加載數據和連同其他設置在C3生成功能

下面是實施例： http://c3js.org/reference.html#point-show

在下面的代碼，我突出了代碼的註釋：

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 
    } 
} 

可在那個時候的人回答沒有提供這個問題的配置參數，但現在你可以做到這一點通過上面提到的配置。參考下面

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 
    } 
} 

覆蓋c3的CSS屬性不是一個好主意。