<!-- 引入 Highcharts 库 -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<!-- 创建图表容器 -->
<div id="chart-container" style="width: 100%; height: 400px;"></div>
<!-- 在 body 标签的底部添加以下 JavaScript 代码 -->
<script>
// 数据
var data = [
[1, 5],
[2, 7],
[3, 3],
[4, 8],
[5, 2]
];
// 配置 Highcharts 散点图
Highcharts.chart('chart-container', {
chart: {
type: 'scatter' // 图表类型为散点图
},
title: {
text: 'Highcharts 散点图' // 图表标题
},
xAxis: {
title: {
text: 'X Axis' // x 轴标题
}
},
yAxis: {
title: {
text: 'Y Axis' // y 轴标题
}
},
series: [{
name: 'Series 1',
data: data // 数据系列
}]
});
</script>
在上述示例中,type 被设置为 'scatter',这表示这是一个散点图。数据系列 data 是一个数组,每个元素表示一个点的 x 和 y 坐标。
Highcharts 散点图的特点是通过点的位置来表示两个变量之间的关系,适用于发现变量之间的模式和趋势。
你可以根据需要进一步自定义图表,例如添加更多的数据系列、调整颜色和样式、设置工具提示等。请参考 [Highcharts 官方文档](https://api.highcharts.com/highcharts) 以获取更详细的配置选项和示例。
转载请注明出处:http://www.zyzy.cn/article/detail/5052/Highcharts