C3.js定位和調整大小

-1

我使用C3.js來可視化數據，但我不明白圖表的定位和大小如何工作。C3.js定位和調整大小

當我添加/初始化圖表時，所有其他元素都會移動。換句話說：在圖表的水平面上放置任何元素是不可能的。在圖表添加到頁面之前，這不是問題。

我的HTML代碼如下所示：

<div id = "ChartContainer"> 

</div>

我的JavaScript代碼如下所示：

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['data1', 30, 200, 100, 400, 150, 250], 
      ['data2', 50, 20, 10, 40, 15, 25] 
     ] 
    } 
});

和我的CSS代碼如下所示：

#ChartContainer { 
height: 50%; width: 75%; 
top: 0%; left: 25%; 
position: absolute; 
} 

#otherElement { 
    height: 0%; width: 0%; 
    top: 0%; left: 0%; 
    background-color: blue; 
    position: absolute; 
}

來源

2015-06-30 martin

您還沒有提供任何您要求我們查看的其他元素（在html中）。如何把它放入小提琴中，以便我們可以看到你有什麼問題？ – Sean

使用寬度和高度屬性c3.js從其api提供

來源

2015-07-26 09:58:50 Suraj

C3.js定位和調整大小

回答

相關問題