Spline with symbols | JShare

var chart = Highcharts.chart('container', {
	chart: {
		type: 'spline'
	},
	title: {
		text: '两地月平均温度'
	},
	subtitle: {
		text: '数据来源: WorldClimate.com'
	},
	xAxis: {
		categories: ['一月', '二月', '三月', '四月', '五月', '六月',
					 '七月', '八月', '九月', '十月', '十一月', '十二月']
	},
	yAxis: {
		title: {
			text: '温度'
		},
		labels: {
			formatter: function () {
				return this.value + '°';
			}
		}
	},
	tooltip: {
		crosshairs: true,
		shared: true
	},
	plotOptions: {
		spline: {
			marker: {
				radius: 4,
				lineColor: '#666666',
				lineWidth: 1
			}
		}
	},
	series: [{
		name: '东京',
		marker: {
			symbol: 'square'
		},
		data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, {
			y: 26.5,
			marker: {
				symbol: 'url(https://code.hcharts.cn/graphics/sun.png)'
			}
		}, 23.3, 18.3, 13.9, 9.6]
	}, {
		name: '伦敦',
		marker: {
			symbol: 'diamond'
		},
		data: [{
			y: 3.9,
			marker: {
				symbol: 'url(https://code.hcharts.cn/graphics/snow.png)'
			}
		}, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
	}]
});

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

{"doctype":0,"resouces":"3,7,https://code.hcharts.cn/plugins/zh_cn.js","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\">"}

Spline with symbols | JShare

模板（查看所有模板）