Название оси влияет на использование 'поворота' - диаграммы dojo - PullRequest
Новая
       3

Название оси влияет на использование 'поворота' - диаграммы dojo

3 голосов
/ 18 мая 2011

Я дал 'вращение: -90', чтобы вращать метки оси x Но это вращение применяется даже к названию оси. Как я могу это остановить? Пожалуйста, кто-нибудь, помогите мне. Ниже приведен код, который я использую .. 

          makeCharts = function() {
          var chart1 = new dojox.charting.Chart2D("simplechart", {
                      title: "Production(Quantity)",
                      titlePos: "top",
                      titleGap: 5,
                          titleFont: "normal normal normal 15pt Arial",
                      titleFontColor: "orange"
            });

            chart1.addPlot("default",{type:"ClusteredColumns", 
                                            gap: 5, 
                                            animate:{duration: 500} })
            chart1.addSeries("2008", [113.1,72.1,62.6,59.8,59.3,53.7,52.4,49.1,43.7,40.9], {fill: "#DDFEDC"});
            chart1.addSeries("2007",[113.6,65.0,59.2,56.4,62.8,53.5,47.6,44.9,41.5,39.1], {fill: "#FCDEFD"});
            chart1.addAxis("x", {
            title:'x-axis title comes here',
            includeZero: false, 
            labels:[
                {value:1, text:'one'},
                                {value:2, text:'two'},
                                {value:3, text:'three'},
                                {value:4, text:'four'},
                                {value:5, text:'five'},
                                {value:6, text:'six'},
                                {value:7, text:'seven'},
                                {value:8, text:'eight'},
                                {value:9, text:'nine'},
                                {value:10, text:'ten'}                                                     
                            ],
            rotation:-90
        }
            );
            chart1.addAxis("y", {
            vertical: true,
            includeZero: true, 
            from:0, 
            to:200,
            minorTickStep:20}
        );
    var anim4b = new dojox.charting.action2d.Tooltip(chart1, 'default');
            chart1.render();

    new dojox.charting.widget.Legend({chart:chart1, horizontal: true}, "legend");
        };
    dojo.addOnLoad(makeCharts);

Ответы [ 2 ]

4 голосов
/ 13 января 2012

Я только что столкнулся с подобной проблемой, как вы, и наткнулся на несколько более простое решение, которое вы предложили выше.

С http://dojotoolkit.org/reference-guide/dojox/charting.html#axis-title:

titleOrientation определяет ориентацию заголовка к оси, обращенной к оси: «Ось», или «от», если смотреть в сторону от оси.

Я обнаружил, что добавление titleOrientation: "away" к параметрам оси x переопределит существующий параметр rotation и тем самым решит проблему.

К вашему сведению: Аналогичный вопрос

2 голосов
/ 09 июня 2011

Я получил решение для этой проблемы ... вот код 

var setAxisTitle=function(chart, axisname, title, fontsizept) {
    var axis = chart.axes[axisname];
    var dim = chart.dim;
    var offsets=chart.offsets;
    var ta = chart.theme.axis;
    var taFont = "font" in axis.opt ? axis.opt.font : ta.font;
    var x;
    var y;
    var label;
    var rotate=0;
    if(axis.vertical) {
       rotate=270
       label = title;
       y=dim.height/2  - offsets.b/2;
       x=0+2*fontsizept;
    } else {
       label = title;
       x=dim.width/2 + offsets.l/2;
       y=dim.height-fontsizept/2;
    }
    var m = dojox.gfx.matrix;
    var elem = axis.group.createText({x:x, y:y, text:label, align: "middle"});
    elem.setFont({family:taFont.family, size: fontsizept+"pt", weight: "bold"});
    elem.setFill('grey');
    elem.setTransform(m.rotategAt(rotate, x,y)); 
}

его можно назвать 

mychart.render();
setAxisTitle(mychart,"x","Title for X axis",10);
setAxisTitle(mychart,"y","Title for Y axis",10);

- SuryaPavan

...