5

私は最近、グラフ作成のニーズにgRaphaelを使い始めましたが、これまでのところかなり感銘を受けています。ただし、線グラフを作成するときに、特にX軸の値を日付に設定しようとすると、グラフがレンダリングされないという問題が発生しました。グラフを生成するための私のコードは次のとおりです。

    <script type='text/javascript' charset='utf-8'>


            var r = Raphael('holder');


            var lines = r.g.linechart(20, 20, 600, 300, [[1, 2, 3, 4, 5, 6, 7]], [['4.16','6.35','1.77','3.1','9.79','10.03','-0.3']], {nostroke: false, axis: '0 0 1 1', symbol: 'o', smooth: false}).hoverColumn(function () {
                this.tags = r.set();
                for (var i = 0, ii = this.y.length; i < ii; i++) {
                    this.tags.push(r.g.tag(this.x, this.y[i], this.values[i], 160, 10).insertBefore(this).attr([{fill: '#fff'}, {fill: this.symbols[i].attr('fill')}]));
                }
            }, function () {
                this.tags && this.tags.remove();
            });
            lines.symbols.attr({r: 3});



    </script>
    <div id='holder'></div>

X軸の値「1、2、3、4、5、6、7」を「2001年1月、2001年2月、2001年3月...など...など」に置き換えるにはどうすればよいですか。 '？

本当に感謝します、すべてが大いに感謝するのを助けます！

4

2 に答える 2

7

最初に、グラフが文句を言わない値をいくつか与える必要があります。あなたの場合、UNIXタイムスタンプなどを保存できます次に、次のようなものを使用して値を変更できます（プロトタイプなどを使用）：

lines.axis[0].text.items.each( function ( index, label ) {
      //Get the timestamp you saved
      originalText = label.attr('text');
      newText = 'CONVERT TIMESTAMP TO DATE USING originalText as input HERE';
      //label.rotate(75);
      label.attr({'text': newText});
    });

.each は通常のものに置き換えることができます

for(var x = 0; x < lines.axis[0].text.length; x++)

必要に応じてループします。

于 2010-08-11T07:30:54.973 に答える
2 
$.each(lines.axis[0].text.items , function ( index, label ) {
    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
        date = new Date(parseInt(label.attr("text"))),
        day = date.getDate(),
        month = months[date.getMonth()];;

    dateText = month + " " + day;
    //label.rotate(75);
    label.attr({'text': dateText});
});
于 2013-04-14T13:30:24.703 に答える