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財產（刪除所有其他填充你設置的顏色數據）？

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 2014-10-21 17:21:39

設置事件「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圖表點是空的圓圈

回答

相關問題