asp.net - 从 VB.NET 配置 ChartJS

Question

我仍在尝试使用 ChartJS 来完成我的图表。 。一切进展顺利，但我遇到了一个无法解决的问题。

我正在尝试显示我的客户销售图表。它有效，但他希望我从零开始绘制图表。相反，它会自动从我的最低销售值(value)开始，这在本例中是不合适的。

第二个问题是，它显示周六和周一之间没有空格(他的商店周日关门)，但他想在那里休息一下。

有人可以帮助我吗？

这是我使用的代码(我删除了 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;"/>

Answer 1

您可以使用以下代码设置图表的最小值:

valueAxis: {
    min: 0
}

有关 ChartJS documentation 的更多信息

我不确定我是否理解你的第二个问题；我想你想向你展示参数轴作为时间的连续轴；现在您有了可能的字符串值的列表，而不是日期时间。您可以这样指定:

argumentAxis: {
    argumentType: 'datetime'
}

它强制 dxChart 将字符串数据转换为日期时间。更多信息here