2014-02-05 43 views
0

我有圖看,這樣的:測量軸 - 極限刻度值

Chart

我用測量軸爲Y:

y = myChart.addMeasureAxis("y", "rate"); 
y.tickFormat = ",.4f"; 

正如你可以看到蜱開始從0.0000,而數據有值從3.0000以上開始。

是否可以顯示從2.5000開始的y滴答例如?

我想:

y.overrideMin = 2; 

但我希望這是行不通的。 x軸消失:

chart 謝謝。

回答

1

恐怕現在壓倒性的最小軸值有點不理想。有一個解決方法,但它有點破解。基本上,您只需完全隱藏x軸,然後繪製第二個圖表,頂部沒有系列,隱藏第二個圖表的y軸。

所以經過拉絲做:

c2 = new dimple.chart(svg, data); 
c2.addCategoryAxis("x", "Day"); 
c2.addMeasureAxis("y", "Value").hidden = true; 
c2.draw(); 

兩個軸很好地滿足了,看看你想要的方式。

這裏是一個工作示例:

http://jsfiddle.net/87GHM/2/

+0

謝謝您的解決方案。我會嘗試使用它。然而,看着jsfiddle我注意到,當你把光標放在某個點上時,沒有虛線指向x軸上的點。 – Damian

+0

完美地工作。唯一的問題是上面評論中提到的問題。有什麼方法可以解決它嗎? – Damian

+0

恐怕不是,它的本質就是將軸與系列斷開連接 –

0

我也卡在這個問題上。無法找到y軸上'ticks'的數量有多少。該圖書館沒有公開任何方法。所以,我對圖書館進行了修改以適應我的需求。所以這是一個黑客^ _^

使用庫即dimple.v1.1.4.js

的註釋版本查找行〜338

if (!this.hidden) { 
       switch (this.chart._axisIndex(this, "y")) { 
       case 0: 
        this._draw = d3.svg.axis() 
         .orient("left") 
         .scale(this._scale) 
         .ticks(5); <<<<<<<<<------ This wasn't there before 
        break; 
       case 1: 
        this._draw = d3.svg.axis() 
         .orient("right") 
         .scale(this._scale); 
        break; 
       default: 
        break; 
       } 
      } 

添加蜱(5)或任何你想要的號碼。

0

相同結果可能只用CSS和JS沒有達到:

#your-graph .dimple-axis-x { 
    g.tick text { 
    opacity: 0; 
    } 

    g.tick:nth-child(10n) text { 
    opacity: 1; 
    } 
}