다음 HTML/CSS를 채워서 차트의 75 %를 채우고 300px 테이블의 여유 공간을 남겨 둡니다. 얼마 남았는지에 관계없이 차트에 항상 남은 공간을 채우고 싶습니다. https://jsfiddle.net/horacebury/2vc606wx/17/ HTML : <div ng-app="App">
<div ng-controller="TodoCtrl"
데이터를 그룹화 한 c3 차트를 만들고 그룹화 된 데이터를 초과해서는 안되는 최대 값을 나타내는 Y 축 그리드 선을 만들고 싶습니다. 그래서, y 축 그리드 라인은 나는 그리드를 만드는 방법을 알고 있지만, 그룹화 된 데이터는 방법 그리드 값 이하가 될 수 있기 때문에 항상 표시되지 않습니다 "최대"라고 할 수있다. 그러나 그리드를 항상 보여주고 싶습니다.
C3.js 또는 D3.js을 사용하여 사용자 지정 차트를 만들려고하는데이 방법에 대해 잘 모릅니다. 아래 차트 출력 ... 내가 C3.js & D3.js에서 제공하는 예제를 살펴했고 차트의 일부는 데이터 입력의 이름을 남겼습니다 방법의 예입니다 예를 들어 차트의 바닥 ..에서 내가이 원하는 차트를 생산하기 위해 또는 내가 잘못이 접근하고 대체 할 수 있습니
x 범주 축의 값을 가운데가 아닌 막대의 측면에 놓으려고합니다. 분명히 거기에 진드기를 넣는 것은 가능하지만 진드기 아래에 값을 넣을 수 있습니까? var chart;
chart = c3.generate({
data: {
columns: [
['data', 30, 200, 100, 400, 150, 250]
내 응용 프로그램에서는 동적 차트 구현을 위해 c3 차트를 사용하고 있습니다. 그 점에서 나는 값> 0에 대해서만 막대를 표시 할 필요가 있습니다. 다음은 바이올린 링크입니다. 2010 년부터 바를 표시해야한다는 점에서 프런트 엔드에서 JSON 재구성을 사용하여이 작업을 수행하는 것이 가능하다는 것을 알고 있습니다. 이것 이외의 다른 방법이 있습니까? Fi
내 응용 프로그램에서 나는 c3 차트를 사용하여 줄 바 차트를 구현했습니다. 그룹화 된 막대 위에 선을 얻으려면 오버레이 선을 그리고 css를 사용하여 해당 선의 데이터 표를 숨기는 데 동일한 막대 값을 사용하고 있습니다. 그러나 나머지 2 개 데이터 레이블은 중앙에 정렬되지 않습니다. 이 문제를 해결하는 방법? JSFiddle JS 코드 : var cha