C3js: Как скрыть тики по оси Y? Ось Y-оси отключена

Question

Как скрыть тики по оси Y?

я в настоящее время достичь путем редактирования tick.format, как можно видеть в этом JSFiddle http://jsfiddle.net/DanielApt/bq17Lp02/1/

Я не доволен этим решением, так как метка у-оси отрезают

Итак, как я могу скрыть тики без обрезания метки оси y?

Благодарим за помощь!

Answer 1

В конце концов я использовал комбинацию ответа Chetan «s и некоторые дополнительные работы:

Я скрывала тики с:

.c3-axis-y .tick { 
    display: none; 
} 

И я установить формат клещ:

axis.y.tick.format = function(){return 'fy'; } 
//return characters with both ascenders and descenders 

См. Этот JS Fiddle http://jsfiddle.net/DanielApt/etuwo8mz/1/ для решения в действии.

Answer 2

1) Попробуйте установить axis.y.tick.count на 1, чтобы ни один тик не показывался, кроме верхнего и нижнего.

2) Или попробуйте CSS, чтобы получить поездку всех промежуточных тиков, за исключением верхних и нижних один, как: -

.c3-axis-y .tick { 
    display: none; 
} 

Если позиционирование этикетки оси является проблема пытается позиционировать его где-нибудь еще в этом роде: -

axis: { 
    x: { 
     label: { 
      text: 'X Label', 
      position: 'outer-center' 
      // inner-right : default 
      // inner-center 
      // inner-left 
      // outer-right 
      // outer-center 
      // outer-left 
     } 
    }, 

Вот рабочий код: - http://jsfiddle.net/chetanbh/24jkmvL5/

Ссылка Адрес: http://c3js.org/samples/axes_label_position.html

Answer 3

В случае, если кто-то еще нуждается в этом, я положил его в onrendered обратного вызова, чтобы избежать влияния на все диаграммы:

onrendered: function() { 
     d3.select("#myChartContainer").selectAll(".c3-axis-x .tick line").style("display", "none"); 
}