1
如果您在圖表日期的最後一個日期有一個帶有事件標誌標誌的數據點,則極其難以查看,因爲它被推到了圖表的絕對最右邊緣。有沒有辦法爲圖表增加更多空間?這裏是來自highstocks網站示例演示的一些自適應的小提琴代碼,其中圖表中的最終記錄被標記爲「A」,其說明了這個問題...HighCharts HighStocks活動標誌被圖表邊框遮擋
$(function(){.0 .getJSON('http:/ /www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json &回調=「,函數(數據){
// Create the chart
window.chart = new Highcharts.StockChart({
chart : {
renderTo : 'container'
},
rangeSelector : {
selected : 1
},
title : {
text : 'USD to EUR exchange rate'
},
tooltip: {
style: {
width: '200px'
},
valueDecimals: 4
},
yAxis : {
title : {
text : 'Exchange rate'
}
},
series : [{
name : 'USD to EUR',
data : data,
id : 'dataseries'
},
// the event marker flags
{
type : 'flags',
data : [{
x : Date.UTC(2011, 3, 25),
title : 'H',
text : 'Euro Contained by Channel Resistance'
}, {
x : Date.UTC(2011, 3, 28),
title : 'G',
text : 'EURUSD: Bulls Clear Path to 1.50 Figure'
}, {
x : Date.UTC(2011, 4, 4),
title : 'F',
text : 'EURUSD: Rate Decision to End Standstill'
}, {
x : Date.UTC(2011, 4, 5),
title : 'E',
text : 'EURUSD: Enter Short on Channel Break'
}, {
x : Date.UTC(2011, 4, 6),
title : 'D',
text : 'Forex: U.S. Non-Farm Payrolls Expand 244K, U.S. Dollar Rally Cut Short By Risk Appetite'
}, {
x : Date.UTC(2011, 4, 6),
title : 'C',
text : 'US Dollar: Is This the Long-Awaited Recovery or a Temporary Bounce?'
}, {
x : Date.UTC(2011, 4, 9),
title : 'B',
text : 'EURUSD: Bearish Trend Change on Tap?'
},
{
x : Date.UTC(2011, 4, 10),
title : 'A',
text : 'Test Flag Falling off the chart'
}],
onSeries : 'dataseries',
shape : 'circlepin',
width : 16
}]
});
});
});?