带事件标志的图表 | JShare

$.getJSON('/data/json/usdeur.json', function (data) {
		var lastDate = data[data.length - 1][0],  // Get year of last data point
				days = 24 * 36e5; // Milliseconds in a day
		// Create the chart
		Highcharts.stockChart('container', {
				rangeSelector: {
						selected: 1
				},
				title: {
						text: 'USD to EUR exchange rate'
				},
				yAxis: {
						title: {
								text: 'Exchange rate'
						}
				},
				series: [{
						name: 'USD to EUR',
						data: data,
						id: 'dataseries',
						tooltip: {
								valueDecimals: 4
						}
				}, {
						type: 'flags',
						name: 'Flags on series',
						data: [{
								x: lastDate - 60 * days,
								title: 'On series'
						}, {
								x: lastDate - 30 * days,
								title: 'On series'
						}],
						onSeries: 'dataseries',
						shape: 'squarepin'
				}, {
						type: 'flags',
						name: 'Flags on axis',
						data: [{
								x: lastDate - 45 * days,
								title: 'On axis'
						}, {
								x: lastDate - 15 * days,
								title: 'On axis'
						}],
						shape: 'squarepin'
				}]
		});
});

<div id="container" style="min-width:400px;height:400px"></div>

{"doctype":0,"resouces":"1,4,7,52","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","meta":"<link rel=\"icon\" href=\"https://jscdn.com.cn/highcharts/images/favicon.ico\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"}

带事件标志的图表 | JShare

模板（查看所有模板）