#jquery #asp.net-mvc #highcharts
#jquery #asp.net-mvc #старшие диаграммы
Вопрос:
Старшая диаграмма не отображается в пользовательском интерфейсе angular 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 != '' amp;amp; 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>
Может кто-нибудь, пожалуйста, помочь мне в этом
Комментарии:
1. Не могли бы вы сказать мне, получаете ли вы какие-либо конкретные ошибки? Я протестировал вашу конфигурацию диаграммы, и, похоже, она работает правильно. Живая демонстрация: jsfiddle.net/BlackLabel/4mqwL9y8
2. Я не получаю никаких ошибок, просто ничего не отображается. и никаких ошибок
3. Когда я передаю динамический объект вместо статического массива, ничего не отображается
4. Не могли бы вы воспроизвести проблему в онлайн-редакторе, чтобы я мог выяснить, что не работает? Поскольку ваша конфигурация диаграммы верна, вероятно, что-то связано с данными, которые вы пытаетесь передать в верхние диаграммы.
5. Я после прочтения документа Highcharts обнаружил проблему. Нам нужно применить функцию parseFloat к динамическому массиву. Это решило мою проблему.