Добавление оси X и оси Y к диаграмме в gRaphael?

Question

Я хочу создать диаграмму, используя библиотеку javascript gRaphael .Поддерживает ли gRaphael помеченные оси?

Answer 1

Вы также можете работать с классом оси для этого:

            var chart = r.g.barchart(50,15,gW,167,  [ this.chart.Value ], { }).hover(fin, fout);
            var aX = chart.bars[0][0].x;
            var aW = chart.bars[0][chart.bars[0].length -1].x - aX;
            var axis = r.g.axis(aX,180,aW ,null,null,this.chart.Labels.length - 1  ,2, this.chart.Labels , "|", 0);
            axis.text.attr({font:"12px Arial", "font-weight": "regular", "fill": "#FFFFFF"});

Answer 2

[Я знаю, что этот вопрос старый, но вот мое решение -]

Мне не удалось использовать rgaxis, но я использовал aX -

  var x, y = 250;
  for (i = 0; i < MAX_ITEMS; i++) {
    x = chart.bars[0][i].x;
    r.text(x, y, "[" + i + "]").attr(txtattr);
  }

Answer 3

и для оси Y я добавил еще одну полосу с шагами, которые я хочу отметить.Я думаю, вы можете установить его цвет "прозрачный".

var myArrY = new Array ();                    // original values                     
// TODO: fill its values as before . . .

var myArrY_steps = new Array(0, 10, 20, 30);  // the steps I want to mark

var myData = new Array ();                     
 myData[0] = myArrY;
 myData[1] = myArrY_steps;   
 var chart = r.barchart(10, 10, 600, 300, myData, 0, {type: "sharp"});
. . . 
 var x = 10;
 var y;
 for (i = 0; i < myArrY_steps.length; i++) {
   // Note: In this loop I use chart.bars[1], the steps array!
   y = chart.bars[1][i].y;                    // calculated by gRaphael !
   r.text(x, y, chart.bars[1][i].value).attr(txtAttr);  
 }

Answer 4

Я вижу некоторую ось, но без меток в этом примере .Я думаю, что вы можете добавить текст в нужную позицию, используя функцию Рафаэля text () .

var t = paper.text(50, 50, "X Label");