如何修改Go语言main()函数，用go-echarts绘制笛卡尔坐标数据

问题背景 #

需要修改Go的main()函数，借助go-echarts库生成笛卡尔坐标系（数值轴）的X-Y图表，而非仓库示例中常见的分类轴图表。参考ECharts官方的笛卡尔坐标系折线图逻辑，现有代码无法正确传递二维坐标数据。

解决方案 #

实现需求的核心要点：

• 将X轴和Y轴配置为数值类型（value），默认分类轴不适合笛卡尔坐标场景
• 直接传递二维坐标数据（[x, y]形式的数组）给系列，而非分开设置X轴标签和Y轴数据

完整可运行代码 #

package main

import (
	"log"
	"math"
	"net/http"

	"github.com/go-echarts/go-echarts/v2/charts"
	"github.com/go-echarts/go-echarts/v2/opts"
)

// 生成圆形轨迹的坐标数据
func generateCircleData(radius float64, numPoints int) ([]float64, []float64) {
	xData := make([]float64, numPoints)
	yData := make([]float64, numPoints)
	for i := 0; i < numPoints; i++ {
		angle := 2 * math.Pi * float64(i) / float64(numPoints)
		xData[i] = radius * math.Cos(angle)
		yData[i] = radius * math.Sin(angle)
	}
	return xData, yData
}

func main() {
	// 初始化折线图实例
	line := charts.NewLine()

	// 设置全局配置：标题、提示框、图例，关键添加数值轴配置
	line.SetGlobalOptions(
		charts.WithTitleOpts(opts.Title{Title: "笛卡尔坐标系圆形轨迹"}),
		charts.WithTooltipOpts(opts.Tooltip{Trigger: "axis"}),
		charts.WithLegendOpts(opts.Legend{Data: []string{"圆形"}}),
		// 配置X轴为数值轴
		charts.WithXAxisOpts(opts.XAxis{Type: "value"}),
		// 配置Y轴为数值轴
		charts.WithYAxisOpts(opts.YAxis{Type: "value"}),
	)

	radius := 10.0
	numPoints := 100
	xData, yData := generateCircleData(radius, numPoints)

	// 将X、Y坐标组合为二维数组格式
	var data [][]float64
	for i := range xData {
		data = append(data, []float64{xData[i], yData[i]})
	}

	// 添加系列数据：直接传入二维坐标数组，可选设置折线平滑
	line.AddSeries("圆形", data).
		SetSeriesOptions(charts.WithLineChartOpts(opts.LineChart{Smooth: true}))

	// 注册HTTP路由并启动服务
	http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
		if err := line.Render(w); err != nil {
			log.Println("渲染图表出错:", err)
		}
	})

	log.Println("服务器启动在 :8080")
	log.Fatal(http.ListenAndServe(":8080", nil))
}

关键改动说明 #

1. 坐标轴类型配置：通过WithXAxisOpts和WithYAxisOpts将坐标轴类型设为"value"，让go-echarts识别为数值轴，支持笛卡尔坐标的数值计算与展示
2. 数据格式转换：把独立的X、Y数组转换成[][]float64格式，每个元素对应一个点的[x, y]坐标对，符合笛卡尔坐标系的数据要求
3. 系列数据传递：直接将二维坐标数组传给AddSeries，无需单独调用SetXAxis——因为笛卡尔坐标系下，数据本身已包含完整的X、Y信息，不需要额外的分类标签

内容的提问来源于stack exchange，提问作者Khoi Le