1

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;"/>
4

1 に答える 1

1

次のコードを使用して、チャートの最小値を設定できます。

valueAxis: {
    min: 0
}

ChartJS ドキュメントの詳細

あなたの2番目の問題を理解しているかどうかはわかりません。議論の軸を時間の連続軸として示したいと思います。これで、datetime ではなく、可能な文字列値のリストが得られました。次のように指定できます。

argumentAxis: {
    argumentType: 'datetime'
}

dxChart が文字列データを日時に変換するよう強制します。詳細はこちら

于 2013-06-11T15:30:51.983 に答える