c3.jsのy値にxグリッド線だけを表示するにはどうすればいいですか？ （yにY = 0から例えば<strong>ため= 25</strong>）のみ一部<strong>Y</strong>値に図示する<strong>名前<strong>Xグリッド線</strong> "今日"</strong>にする方法

Question

grid: { 

    x: { 
     lines: [ 
      {value: 4, text: 'Today',position: 'start'}, 
      {value: 12} 

     ] 
    }, 

フィドル。 https://jsfiddle.net/KrisKuliv/74fkuyw4/1/

Answer 1

C3.jsはこの動作をサポートしていません。これらの行は、svgがこのように動作しないため、行の長さを含まない独自のcssクラスでのみカスタマイズできます。

目的の動作を得るための唯一の方法は、d3を直接使用することです。クラスを選択しやすくするためのクラスをいくつか用意することができます。

grid: { 

    x: { 
     lines: [ 
      {value: 4, text: 'Today',position: 'start', class: 'myClass'}, 
      {value: 12} 

     ] 
    } 

d3.selectAll(".myClass") 

私はまだこのようなことはしていませんが、これがあなたに役立つことを願っています。