2012-03-10 16 views
0

私はこのリンクhttp://www.jqplot.com/tests/point-labels.phpで説明されているasp.net mvc内のポイントラベルを使用してthrチャートを作成しています。 -Jqplotデータポイントのラベルにx軸の年月を受け入れる方法

@{ 
    ViewBag.Title = "About Us"; 
} 
@section scripts{ 
<script src="../../Scripts/jqplot/jqplot.barRenderer.min.js" type="text/javascript"></script> 
<script src="../../Scripts/jqplot/jqplot.categoryAxisRenderer.min.js" type="text/javascript"></script> 
<script src="../../Scripts/jqplot/jqplot.pointLabels.min.js" type="text/javascript"></script> 

    } 
    <script type="text/javascript"> 
    $(document).ready(function() { 

var line1 = [[1,14], [2,32]]; 
    var plot1 = $.jqplot('chart1', [line1], { 
     title: 'Chart with Point Labels', 
     seriesDefaults: { 
     showMarker:false, 
     pointLabels: { show:true } 
     } 
    }); 
}); 
    }); 
</script> 

<div id = "chart1"> 
</div> 

現在x軸は、(1.1,1.2など)、それらの間に1 & 2、また数字を有することになるので,,どのようにして、以下を含めるには、このグラフを変更することができます -

  1. 私はx軸を日月年にする必要があります。現在var line1 =[['23-May-08', 578.55], ['20-Jun-08', 566.5]のようなものを挿入すると、グラフは表示されません。

  2. 私が指定するx軸の値の間に中間の数値を表示したくないです。

答えて

1
var line1=[['2008-09-30 4:00PM',4], ['2008-10-30 4:00PM',6.5], ['2008-11-30 4:00PM',5.7], ['2008-12-30 4:00PM',9], ['2009-01-30 4:00PM',8.2]]; 
    var plot1 = $.jqplot('chart1', [line1], { 
    title:'Default Date Axis', 
    axes:{xaxis:{renderer:$.jqplot.DateAxisRenderer}}, 
    series:[{lineWidth:4, markerOptions:{style:'square'}}] 
    }); 

REF:http://www.jqplot.com/tests/date-axes.php

+0

私は、これは何が必要であると思います。最初は私はあなたがflotライブラリを使用していると思った。 – Diode

+0

それはうまくいくだろうが、ラベルを表示するために "pointLabels:{show:true}"を追加しました。 BR –

関連する問題