0
A
回答
0
可以如下嘗試marginRight;
$(function() {
var options = {
chart: {
renderTo: 'container',
marginRight: 300
},
navigator:{
enabled:true
},
scrollbar: {
enabled:true
},
rangeSelector: {
enabled: true,
\t //selected: 1
},
xAxis: {
gridLineWidth: 1,
labels: {
rotation: -45,
align: 'right',
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
},
yAxis: [
{
height: 150,
lineWidth: 2,
offset: 0,
title: {
text: 'Price',
}
},
{
top: 225,
//lineWidth: 0,
//min: 0,
//max: 5,
gridLineWidth: 0,
offset: 0,
height: 100,
title: {
text: 'Volume',
}
},
],
series: [
{
yAxis: 0,
name: 'Price by time',
stack: 0,
//data: [1, 12, 32, 43],
data: [[1147651200000,67.79],[1147737600000,64.98],[1147824000000,65.26],[1147910400000,63.18],[1147996800000,64.51],[1148256000000,63.38],[1148342400000,63.15],[1148428800000,63.34],[1148515200000,64.33],[1148601600000,63.55],[1148947200000,61.22],[1149033600000,59.77],[1149120000000,62.17],[1149206400000,61.66],[1149465600000,60.00],[1149552000000,59.72],[1149638400000,58.56],[1149724800000,60.76],[1149811200000,59.24],[1150070400000,57.00],[1150156800000,58.33],[1150243200000,57.61],[1150329600000,59.38],[1150416000000,57.56],[1150675200000,57.20],[1150761600000,57.47],[1150848000000,57.86],[1150934400000,59.58],[1151020800000,58.83],[1151280000000,58.99],[1151366400000,57.43],[1151452800000,56.02],[1151539200000,58.97],[1151625600000,57.27],[1151884800000,57.95],[1152057600000,57.00],[1152144000000,55.77],[1152230400000,55.40],[1152489600000,55.00],[1152576000000,55.65],[1152662400000,52.96],[1152748800000,52.25],[1152835200000,50.67],[1153094400000,52.37],[1153180800000,52.90],[1153267200000,54.10],[1153353600000,60.50],[1153440000000,60.72],[1153699200000,61.42],[1153785600000,61.93],[1153872000000,63.87],[1153958400000,63.40],[1154044800000,65.59],[1154304000000,67.96],[1154390400000,67.18],[1154476800000,68.16],[1154563200000,69.59],[1154649600000,68.30],[1154908800000,67.21],[1154995200000,64.78],[1155081600000,63.59],[1155168000000,64.07],[1155254400000,63.65],[1155513600000,63.94],[1155600000000,66.45],[1155686400000,67.98],[1155772800000,67.59],[1155859200000,67.91],[1156118400000,66.56],[1156204800000,67.62],[1156291200000,67.31],[1156377600000,67.81],[1156464000000,68.75],[1156723200000,66.98],[1156809600000,66.48],[1156896000000,66.96],[1156982400000,67.85],],
\t \t tooltip: {
\t \t \t valueDecimals: 2
\t \t },
},
{
name: 'Volume by time',
yAxis: 1,
stack: 0,
data: [[1147651200000,67.79],[1147737600000,64.98],[1147824000000,65.26],[1147910400000,63.18],[1147996800000,64.51],[1148256000000,63.38],[1148342400000,63.15],[1148428800000,63.34],[1148515200000,64.33],[1148601600000,63.55],[1148947200000,61.22],[1149033600000,59.77],[1149120000000,62.17],[1149206400000,61.66],[1149465600000,60.00],[1149552000000,59.72],[1149638400000,58.56],[1149724800000,60.76],[1149811200000,59.24],[1150070400000,57.00],[1150156800000,58.33],[1150243200000,57.61],[1150329600000,59.38],[1150416000000,57.56],[1150675200000,57.20],[1150761600000,57.47],[1150848000000,57.86],[1150934400000,59.58],[1151020800000,58.83],[1151280000000,58.99],[1151366400000,57.43],[1151452800000,56.02],[1151539200000,58.97],[1151625600000,57.27],[1151884800000,57.95],[1152057600000,57.00],[1152144000000,55.77],[1152230400000,55.40],[1152489600000,55.00],[1152576000000,55.65],[1152662400000,52.96],[1152748800000,52.25],[1152835200000,50.67],[1153094400000,52.37],[1153180800000,52.90],[1153267200000,54.10],[1153353600000,60.50],[1153440000000,60.72],[1153699200000,61.42],[1153785600000,61.93],[1153872000000,63.87],[1153958400000,63.40],[1154044800000,65.59],[1154304000000,67.96],[1154390400000,67.18],[1154476800000,68.16],[1154563200000,69.59],[1154649600000,68.30],[1154908800000,67.21],[1154995200000,64.78],[1155081600000,63.59],[1155168000000,64.07],[1155254400000,63.65],[1155513600000,63.94],[1155600000000,66.45],[1155686400000,67.98],[1155772800000,67.59],[1155859200000,67.91],[1156118400000,66.56],[1156204800000,67.62],[1156291200000,67.31],[1156377600000,67.81],[1156464000000,68.75],[1156723200000,66.98],[1156809600000,66.48],[1156896000000,66.96],[1156982400000,67.85],],
\t \t tooltip: {
\t \t \t valueDecimals: 2
\t \t },
lineWidth: 3,
marker: {
enabled: false
},
type: 'column',
},
]
};
var chart = new Highcharts.Chart(options);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="height: 500px; min-width: 500px"></div>
+0
謝謝!但它不是我的期望。 – StrongCreative
0
0
你應該做的未來:
1)添加保證金正確的圖表(100例)
marginRight: 100
2)將帶有標籤的特性」右對齊偏移Y軸的':
yAxis: [{
labels:{
align:'right',
x:90
}
}]
3)禁用y軸繪圖線以獲得更好的視圖(如果你想要) Look at my chart
相關問題
- 1. 如何在tickpels和matplotlib中的座標軸之間添加空格?
- 2. MATLAB圖中軸號和座標軸之間的距離
- 3. iOS圖表額外空間並添加x軸標籤
- 4. 如何在列表視圖中的項目之間添加空間
- 5. r ggplot2 facet_grid如何添加圖表頂部和邊框之間的空間
- 6. 如何在RelativeLayout中的視圖之間添加空間
- 7. 如何在列表視圖中添加子項目和空間
- 8. 如何在座標軸上的間隔之間設置空間oxyplot
- 9. 在d3圖表中保持座標軸刻度之間的距離
- 10. 如何刪除Highcharts極座標圖中的酒吧之間的空白空間?
- 11. 如何減少圖表邊框和餅圖之間的間隙/空間
- 12. 將圖表標題和軸標題添加到分組圖表
- 13. 在座標軸和刻麪條之間移動軸標籤
- 14. 設置座標軸上的c3js圖表的間隔
- 15. GMail,MailChimp在表格中添加圖像之間的間距
- 16. 如何在Android中的標籤按鈕之間添加空間?
- 17. 我如何在R把軸標籤和軸標題之間更多的空間箱形圖
- 18. 如何減少chart.js中的圖表網格之間的空間
- 19. 在Google圖表中格式化圖例和座標軸
- 20. 如何在json中填充的列表視圖之間添加圖像視圖?
- 21. Bootstrap,我如何在圖片和文字之間添加空格?
- 22. Dimple JS - 刪除y軸和圖表之間的間隙
- 23. 如何在DIV之間添加空間?
- 24. 如何添加圖像之間的解析列表中的qt
- 25. 如何在<label>和表單域之間添加空格
- 26. 在兩個圖表對象之間對齊圖表垂直軸
- 27. MATLAB:向座標軸添加繪圖
- 28. 如何增加表格視圖單元格中文本標籤和詳細文本標籤之間的空間?
- 29. MATLAB中軸標籤和軸之間的距離圖
- 30. 在電子表格中添加時間和PM/AM之間的空間
您是指輸入(右上角)和燭臺系列之間或燭臺和下面的列之間的空間? –
是的,在輸入和燭臺系列之間 – StrongCreative
我想到的一個想法是在您的數據的末尾添加「null」值。如果你有一個工作小提琴你分享的圖表,我可以與它一起工作,看看它是多麼可行。 –