Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在gRaphael中向条形图添加x轴和y轴?_Javascript_Raphael_Graphael - Fatal编程技术网

Javascript 在gRaphael中向条形图添加x轴和y轴?

Javascript 在gRaphael中向条形图添加x轴和y轴?,javascript,raphael,graphael,Javascript,Raphael,Graphael,我想使用javascript库创建一个条形图。gRaphael支持带标签的轴吗?我看到一些轴,尽管在这里没有标签。我认为可以使用Raphael函数将文本添加到所需的位置 您也可以使用axis类来实现以下目的: var chart = r.g.barchart(50,15,gW,167, [ this.chart.Value ], { }).hover(fin, fout); var aX = chart.bars[0][0].x;

我想使用javascript库创建一个条形图。gRaphael支持带标签的轴吗?

我看到一些轴,尽管在这里没有标签。我认为可以使用Raphael函数将文本添加到所需的位置


您也可以使用axis类来实现以下目的:

            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"});

[我知道这个问题由来已久,但我的解决方案是-]

我没有设法使用r.g.轴,但我使用了斧头-

  var x, y = 250;
  for (i = 0; i < MAX_ITEMS; i++) {
    x = chart.bars[0][i].x;
    r.text(x, y, "[" + i + "]").attr(txtattr);
  }
var x,y=250;
对于(i=0;i
对于Y轴,我添加了另一个条,带有我要标记的步骤。 我想您可以将其颜色设置为“透明”

var myArrY=新数组();//原值
//TODO:像以前一样填充其值。
var myArrY_steps=新数组(0,10,20,30);//我要标记的步骤
var myData=newarray();
myData[0]=myArrY;
myData[1]=myArrY_步数;
var-chart=r.barchart(10,10,600,300,myData,0,{type:“sharp”});
. . . 
var x=10;
变量y;
对于(i=0;i
+1这是我唯一能让标签正常工作的方法。谢谢分享!
  var x, y = 250;
  for (i = 0; i < MAX_ITEMS; i++) {
    x = chart.bars[0][i].x;
    r.text(x, y, "[" + i + "]").attr(txtattr);
  }
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);  
 }