Question

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

我正在尝试显示我的客户销售图表。它有效，但他希望我从零开始绘制图形。相反，它会自动从我的最低销售价值开始，这在这种情况下是不合适的。

第二个问题是，它在星期六和星期一之间没有显示空间（他的商店在周日关闭），但他希望在那里休息。

有人可以帮助我吗？

这是我使用的代码（我删除了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

的更多信息

我不确定我理解你的第二个问题;我想你想把你的参数轴作为contionus时间轴;现在您有一个可能的字符串值列表，而不是日期时间。您可以这样指定：

argumentAxis: {
    argumentType: 'datetime'
}

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

从VB.NET配置ChartJS

1 个答案: