C3 차트 포인트가 빈 동그라미입니다

C3으로 꺾은 선형 차트를 생성하고 있습니다. http://c3js.org/samples/simple_multiple.html에서 다양한 점들이 연관된 선과 같은 색으로 채워지는 것을 보았습니다. 꺾은 선형 차트를 만들 때 내 포인트는 단지 빈 원입니다. 선 색상으로 채울 점은 어떻게 얻습니까? 포인트로C3 차트 포인트가 빈 동그라미입니다

빈 원 :

는 C3 graph with non-filled points

C3는 세대 :는

   c3.generate({ 
        bindto: divReference, 
        data: { 
         x: 'x', 
         columns: columnData, 
         colors: colorData, 
         axes: { data: 'y' }, 
        }, 
        grid: { 
         x: { show: true }, 
         y: { show: true } 
        }, 
        axis: { 
         x: { 
          type: 'timeseries', 
          tick: { format: '%m/%d' } 
         } 
        }, 
        point: { 
         //stroke: '#ff0000' 
         fill: '#ff0000' 
        } 
       })

출처

2014-09-26 REW

당신이 최고 수준에서 color.pattern 속성을 설정하려고 했나 (다른 모든 제거 귀하가 설정 한 colorsData를 채우십시오)?

c3.generate({ 
... 
    color: { 
    pattern: '#ff0000' 
    } 
})

나는이

http://c3js.org/reference.html

color.pattern 설정 사용자 정의 색상 패턴뿐만 아니라 여러 줄 작동 생각합니다.

color: { pattern: ['#1f77b4', '#aec7e8', '#ff7f0e', '#ffbb78', '#2ca02c', '#98df8a' ] }

동의어가 작동하지 않으면 jsfiddle을 게시하십시오. 우리는 그것을 아주 빨리 알아낼 수 있어야합니다!

출처

2014-10-01 03:19:18 Amir

동료는 결국 문제를 추적. 우리가 작업하고있는 디자인 회사는 어떻게 점들의 색을 덮어 쓰는 CSS를 작성했습니다. 문제를보기 위해 시간을내어 주셔서 감사합니다. – REW

설정 이벤트는 예를 들어, 다음과 같이 "onrendered"

onrendered: function() { 
      var $$ = this; 
      var circles = $$.getCircles(); 
      for(var i = 0; i < circles.length; i++){ 
       for(var j = 0; j < circles[i].length; j++){ 
       $$.getCircles(j).style("fill", '#FFF') 
        .style("stroke", $$.color) 
        .style("stroke-width", 3); 
       } 
      } 
     }

https://jsfiddle.net/wfn1s41t/

출처

2016-04-04 08:09:25

C3 차트 포인트가 빈 동그라미입니다

답변

관련 문제