Golang Highcharts动态数据
Golang Highcharts dynamic data
我目前正在学习golang和一些网络课程。所以请原谅我可能不那么聪明的问题
我的问题是,我想提供一个具有动态数据的Highchart。我查阅了文档和示例,但无法使其发挥作用。
Highchart示例:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<!-- 2. Add the JavaScript to initialize the chart on document ready -->
<script>
var chart; // global
/**
* Request data from the server, add it to the graph and set a timeout to request again
*/
function requestData() {
$.ajax({
url: 'http://localhost:3000/',
success: function(point) {
var series = chart.series[0],
shift = series.data.length > 20; // shift if the series is longer than 20
// add the point
chart.series[0].addPoint(eval(point), true, shift);
// call it again after one second
setTimeout(requestData, 1000);
},
cache: false
});
}
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'spline',
events: {
load: requestData
}
},
title: {
text: 'Live random data'
},
xAxis: {
type: 'datetime',
tickPixelInterval: 150,
maxZoom: 20 * 1000
},
yAxis: {
minPadding: 0.2,
maxPadding: 0.2,
title: {
text: 'Value',
margin: 80
}
},
series: [{
name: 'Random data',
data: [1]
}]
});
});
</script>
</head>
<body>
<!-- 3. Add the container -->
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
我的服务器应该根据请求提供json编码字符串。
func main(){
http.HandleFunc("/",foo)
http.ListenAndServe(":3000", nil)
}
func foo(w http.ResponseWriter, r *http.Request) {
numbers := []int{14,5}
js, err := json.Marshal(numbers)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
fmt.Println("Received Request")
w.Header().Set("Content-Type", "text/json")
w.Write(js)
}
我可以看到高图表提出了一个要求。我猜ajax调用不理解我的json?
感谢您提前提供的任何帮助:)
编辑:我也需要做一个成功的消息作为回报吗?
错误(thx到@jmaloney的提示)
{"readyState":4,"status":200,"statusText":"success"}
ajax.html:28 parsererror: Error: jQuery110109016359453089535_1446814074235 was not called
一个简单的
w.Header().Set("Access-Control-Allow-Origin", "*")
服务器解决了这个问题:)
相关文章:
- 下载使用POST数据动态生成的文件
- 使用enyo.js将数据动态插入表中
- (Laravel)使用数据库中的数据动态打开模态
- 如何根据数据动态创建引导下拉列表
- 将json数据动态加载到D3节点中
- 如何在 React 中将 html 表单元格数据动态插入到具有动态标题的表中
- 使用数据库返回的数据动态填充下拉列表
- 从 JSON 数据动态创建 Jquery 移动导航栏
- 将数据动态发送到服务器
- 如何通过角度 ui-grid 中来自$scope的数据动态设置指令
- 如何在 ASP.NET 中将数据动态追加到 JQuery 控件变量
- 用于流程图的 JavaScript 绘图库,并将数据动态附加到视图
- 使用Angular ng-repeat将数据动态加载到materializecss滑块中不起作用
- 在 Laravel 5.1 和 Vue JS 中保存多个数据动态表单
- 当没有提供json数据的结构/字段名称时,将json数据动态显示为表
- 如何使用entityframwork和sql数据动态显示jqgrid数据
- Javascript:如何从字符串数据动态构建方法
- Javascript:将数据动态添加到数组中
- Ember数据动态模型未加载到存储中
- 使用JSON URL数据动态填充HTML表