現在、私はこのコードを持っています:
<script type="text/javascript" src="/Scripts/highstock.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var yAxisOptions = [],
seriesOptions = [];
@{
var measureType = Model.sensorMeasurements.Values.First();
int i = 0;
foreach (System.Reflection.PropertyInfo propertyInfo in measureType.GetType().GetProperties())
{
if (propertyInfo.Name == "ID" || propertyInfo.Name == "sensorID" || propertyInfo.Name == "timemark")
{
continue;
}
@: seriesOptions[@i] = { marker: { states: { hover: { enabled: false},},}, data: [
bool firstData = true;
foreach (ManualSensors.Models.ManualMeasurement x in Model.sensorMeasurements.Values)
{
System.Reflection.PropertyInfo pData = x.GetType().GetProperty(propertyInfo.Name);
System.Reflection.PropertyInfo pDate = x.GetType().GetProperty("timemark");
var m_data = pData.GetValue(x, null);
DateTime m_date = (DateTime)pDate.GetValue(x, null);
if (m_data.ToString() == "")
{
continue;
}
if (firstData)
{
firstData = false;
@:[Date.parse('@m_date.ToString("MM/dd/yyyy HH:mm:ss")'), @m_data.ToString()]
}
else
{
@:,[Date.parse('@m_date.ToString("MM/dd/yyyy HH:mm:ss")'), @m_data.ToString()]
}
}
@: ], name: '@propertyInfo.Name', type: 'line', };
i++;
}
}
createChart();
// create the chart when all data is loaded
function createChart() {
chart = new Highcharts.StockChart({
chart: {
renderTo: 'container',
borderWidth: 0.5,
marginTop: 0,
marginBottom: 30,
zoomType: 'x',
},
scrollbar : {
enabled : false
},
rangeSelector: {
enabled : false
},
navigator: {
enabled: false
},
tooltip: {
enabled: false
},
series: seriesOptions
});
}
});
</script>
<div id="container">
</div>
それはmvcビューであり、シリーズを配列の要素として1つずつ構築しています。シリーズは問題ないと確信していますが、
chart = new Highcharts.StockChart({
createChart() 関数で、チャートは無視されていないと言っています...誰かが私が望むものを達成し、単純なstockChartを作成し、ここに示すようにデータを使用するのを手伝ってもらえますか? ありがとう