我有圖看,這樣的:測量軸 - 極限刻度值
我用測量軸爲Y:
y = myChart.addMeasureAxis("y", "rate");
y.tickFormat = ",.4f";
正如你可以看到蜱開始從0.0000,而數據有值從3.0000以上開始。
是否可以顯示從2.5000開始的y滴答例如?
我想:
y.overrideMin = 2;
但我希望這是行不通的。 x軸消失:
謝謝。
我有圖看,這樣的:測量軸 - 極限刻度值
我用測量軸爲Y:
y = myChart.addMeasureAxis("y", "rate");
y.tickFormat = ",.4f";
正如你可以看到蜱開始從0.0000,而數據有值從3.0000以上開始。
是否可以顯示從2.5000開始的y滴答例如?
我想:
y.overrideMin = 2;
但我希望這是行不通的。 x軸消失:
謝謝。
恐怕現在壓倒性的最小軸值有點不理想。有一個解決方法,但它有點破解。基本上,您只需完全隱藏x軸,然後繪製第二個圖表,頂部沒有系列,隱藏第二個圖表的y軸。
所以經過拉絲做:
c2 = new dimple.chart(svg, data);
c2.addCategoryAxis("x", "Day");
c2.addMeasureAxis("y", "Value").hidden = true;
c2.draw();
兩個軸很好地滿足了,看看你想要的方式。
這裏是一個工作示例:
我也卡在這個問題上。無法找到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)或任何你想要的號碼。
相同結果可能只用CSS和JS沒有達到:
#your-graph .dimple-axis-x {
g.tick text {
opacity: 0;
}
g.tick:nth-child(10n) text {
opacity: 1;
}
}
謝謝您的解決方案。我會嘗試使用它。然而,看着jsfiddle我注意到,當你把光標放在某個點上時,沒有虛線指向x軸上的點。 – Damian
完美地工作。唯一的問題是上面評論中提到的問題。有什麼方法可以解決它嗎? – Damian
恐怕不是,它的本質就是將軸與系列斷開連接 –