2013-06-11 4 views
1

ChartJS을 사용하여 차트 작성을 끝내려고합니다. 그것은 아주 잘되지만 나는 해결할 수없는 문제를 만났습니다.VB.NET에서 ChartJS 구성

고객 판매 차트를 보여 드리려고합니다. 그것은 작동하지만 그는 0에서 그래프를 시작하길 원합니다. 대신 자동 판매로부터 자동으로 시작됩니다.이 경우에는 적절하지 않습니다.

둘째 문제는 토요일과 월요일 사이에 공간이 없음을 보여 주며 (그의 가게는 일요일에 휴무입니다.) 그러나 거기에서 휴식을보고 싶습니다.

누군가 나를 도와 줄 수 있습니까?

내가 사용하는 코드는

(내가 SQLSERVER 액세스 코드를 제거하고 교체 실제 판매 값)에

valueAxis: { 
    min: 0 
} 

상세 정보 :

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

답변

1

당신은 다음과 같은 코드를 사용하여 차트의 최소값을 설정할 수 있습니다 ChartJS documentation

두 번째 문제점을 잘 모르겠다. 나는 당신이 당신이 시간의 contionus 축으로 인수 축을 보여주고 싶다고 생각해. 이제 datetime이 아닌 가능한 문자열 값의 목록이 있습니다. 다음과 같이 지정할 수 있습니다.

argumentAxis: { 
    argumentType: 'datetime' 
} 

강제로 dxChart가 문자열 데이터를 날짜 시간으로 변환합니다. 추가 정보 here