如何解决动态highchart未显示Angular js
UI JS MVC c#上未显示高位图
下面是我的代码,我正在动态获取此[9.0,10.99,15.5,19.7,7.0,13.2]数据。我已经尝试了不同的方法,但是没有用。
我第一次在高图表上工作。有人可以帮我吗
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<div id="container" style="min-width:310px; height:400px;margin:0 auto"></div>
<script type="text/javascript">
$(document).ready(function () {
debugger;
var Params = [];
var DSet = [];
var PprofileId = 1;
var PparamName = 'Motor RPM';
$.ajax({
type: 'POST',url: '/ThirdPartyDriveData/GetDriveDataByIdAndName',data: { profileId: PprofileId,paramName: PparamName },success: function (data) {
debugger;
$.each(data.data,function (index,item) {
debugger;
if (item.Dataset != '' && item.Dataset >= 0) {
DSet.push(item.Dataset);
Params.push(item.ParameterName);
}
});
//alert(result);
CreateChart(DSet,Params);
//alert(response);
},Error: function () { }
});
});
function CreateChart(DSet) {
debugger;
Highcharts.chart('container',{
chart: {
type: 'line'
},title: {
text: 'Monthly Average Temperature'
},subtitle: {
text: 'Source: Worldclimate.com'
},xAxis: {
categories: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']
},yAxis: {
title: {
text: 'Temperature (°C)'
}
},plotOptions: {
line: {
dataLabels: {
enabled: true
},enableMouseTracking: false
}
},series: [{
name: 'Parameter',data: DSet
}]
});
}
</script>
有人可以帮我吗
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。