如何將兩個不同的圖表放在一起？

-2

我想在一個頁面中並排放置兩個不同的高圖。一個是餅圖，另一個是量表。你能幫我組織這個結構嗎？如何將兩個不同的圖表放在一起？

2017-07-19 frusciante

您可以使用引導程序，如果你熟悉它。 –

請添加您當前的相關代碼。 –

回答[here]（https://stackoverflow.com/questions/2637696/how-to-place-div-side-by-side）和[here]（https://stackoverflow.com/questions/17217766/two -divs側由端 - 流體 - 顯示器）。 – evolutionxbox

一個選項是使用flexbox。

.container { 
 
    display: flex; 
 
    width: 100%; 
 
    height: 150px; 
 
} 
 

 
.chart1, 
 
.chart2 { 
 
    width: 50%; 
 
    background-color: lightblue; 
 
    border: thin solid darkgray; 
 
}

<div class="container"> 
 
    <div class="chart1">chart 1</div> 
 
    <div class="chart2">chart 2</div> 
 
</div>

來源

2017-07-19 12:56:32 Gerard

您可以使用浮動。有關浮動的更多信息，請訪問here。嘗試如果這樣的事情工作。

#chart1{ 
    width: 50%; /* set width to 50% of page width */ 
    float: left; /* Make the element go to the left */ 
} 

#chart2{ 
    width: 50%; 
    float: right; 
}

不要忘了添加style="clear: both"到下一個元素！祝你好運！希望這可以幫助！

來源

2017-07-19 12:58:24 Pete

您可以添加自舉類這樣

<div class="col-md-12"> 
    <div class="col-md-6"> 
    Chart 1 
    </div> 
    <div class="col-md-6"> 
    Chart 2 
    </div> 
</div>

來源

2017-07-19 13:12:54

如何將兩個不同的圖表放在一起？

回答

相關問題