グラフの日付の最後の日付にイベントマーカーフラグが付いたデータポイントがある場合、グラフの右端にプッシュされるため、表示するのは非常に困難です。このシナリオのチャートにさらにスペースを追加する方法はありますか？これは、highstocks Webサイトのサンプルデモからのいくつかの適合フィドルコードであり、チャートの最終レコードには、この問題を示す「A」というラベルが付いています...
$（function（）{$ .getJSON（'http://www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json&callback=?'、function（data）{
// 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
}]
});
});
}）;