Javascript 如何使用gRaphael Line Graph设置x轴的日期值

我最近开始使用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>

var r=拉斐尔（“持有人”）；
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.01'，symbol:'o'，smooth:false}.hoverColumn（函数（）{
this.tags=r.set（）；
对于（变量i=0，ii=this.y.length；i

如何将X轴值“1、2、3、4、5、6、7”替换为“2001年1月、2001年2月、2001年3月……等等”

---

非常感谢，非常感谢大家的帮助

首先，你必须给图表一些它不会抱怨的值。 在您的情况下，您可以保存UNIX时间戳等 然后，您可以使用如下方式（使用prototype等）更改值：

每个都可以由一个常规的

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

for（var x=0；x

---

如果愿意，可以循环。

这个答案是错误的！参数应该是（索引、标签），如下面的答案所示。这引起了我一个小时的困惑，直到我终于看到了区别。我对这真的很陌生。我只是想知道我们应该在哪里插入这段代码。。。我的意思是我有以下代码var lines=r.linechart（30,30,600,440，[[01/01/2014,02/01/2014,03/01/2014,05/01/2014]]，[[100150130,85100]]，{axisxstep:20，nostroke:false，axis:“0 1 1”，符号：“圆”，平滑：true}）。悬停柱（函数（）{this.tags=r.set（）；for（var I=0，ii=this.y.length；I$.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}); });

$.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});
});