ChartJSを使用してチャートを完成させようとしています。うまくいきましたが、解決できない問題に遭遇しました。
顧客の売上のグラフを表示しようとしています。それは機能しますが、彼はグラフをゼロから開始することを望んでいます。代わりに、最小販売額から自動的に開始されますが、この場合は適切ではありません。
2 つ目の問題は、土曜日と月曜日の間にスペースが表示されていないことです (彼の店は日曜日は閉まっています)。
誰か助けてくれませんか?
これが私が使用したコードです (SqlServer アクセス コードを削除し、実際の売上値を置き換えました)。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script type="text/javascript" src="http://cdn3.devexpress.com/jslib/13.1.4/js/dx.chartjs.js"></script>
<script>
$(document).ready(function () {
<%
Dim SalesList As Dictionary(Of DateTime, Integer) = New Dictionary(Of Date, Integer)
SalesList.Add(New DateTime(2013, 6, 3), 12)
SalesList.Add(New DateTime(2013, 6, 4), 14)
SalesList.Add(New DateTime(2013, 6, 5), 9)
SalesList.Add(New DateTime(2013, 6, 6), 15)
SalesList.Add(New DateTime(2013, 6, 7), 9)
SalesList.Add(New DateTime(2013, 6, 8), 4)
SalesList.Add(New DateTime(2013, 6, 10), 11)
Response.Write("var dataSource = [")
For Each sales In SalesList
Response.Write("{ date: '" + sales.Key + "', sales: " + sales.Value.ToString() + "},")
Next
Response.Write("]")
%>
var chart = $("#chartContainer").dxChart({
dataSource: dataSource,
series: {
type: "area",
argumentField: "date",
valueField: "sales",
name: "Sales"
},
title: "Sales"
});
});
</script>
<div id="chartContainer" style="width:800px;height:400px;"/>