ECharts和golang: 制作实用的统计图表的技巧与经验

package mainimport (    "encoding/json"    "net/http")type Data struct {    Label string `json:"label"`    Value int    `json:"value"`}func main() {    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {        data := []Data{            {"January", 10},            {"February", 20},            {"March", 30},            {"April", 25},            {"May", 15},            {"June", 5},        }        jsonData, err := json.Marshal(data)        if err != nil {            http.Error(w, err.Error(), http.StatusInternalServerError)            return        }        w.Header().Set("Content-Type", "application/json")        w.Write(jsonData)    })    http.ListenAndServe(":8080", nil)}

  <title>Chart Example</title><script src="https://cdn.staticfile.org/echarts/4.1.0/echarts.min.js"></script><div id="chart" style="width: 600px;height:400px;"></div>  <script src="chart.js"></script>

fetch('/').then(function(response) {    return response.json();}).then(function(data) {    var chartDom = document.getElementById('chart');    var myChart = echarts.init(chartDom);    var option;    option = {        title: {            text: 'My Chart',            left: 'center',        },        tooltip: {},        xAxis: {            data: data.map(function(item) {                return item.label;            })        },        yAxis: {},        series: [{            type: 'bar',            data: data.map(function(item) {                return item.value;            })        }]    };    if (option && typeof option === "object") {        myChart.setOption(option, true);    }});