0
A
答えて
1
上の写真のようないくつかの矢印を取得したいです。カスタムシェイプのレンダリングはrendererで行うことができます。
extend Highchartsまた、軸線を描画するメソッドが変更されるようにすることもできます。
単純化された拡張機能は、次のようになります。矢印を充填するための
Highcharts.wrap(Highcharts.Axis.prototype, 'getLinePath', function(p, lineWidth) {
var linePath = p.call(this, lineWidth);
if (this.options.arrowOnEnd) {
var arrowFactor = 20,
x,
y,
arrowPath,
newPath;
if (this.horiz) {
x = linePath[4] = linePath[4] - arrowFactor;
y = linePath[5];
arrowPath = [
'L', x - 0.35 * arrowFactor, y - 0.35 * arrowFactor,
'L', x + 1 * arrowFactor, y,
'L', x - 0.35 * arrowFactor, y + 0.35 * arrowFactor,
'L', x, y
];
newPath = linePath.concat(arrowPath);
} else {
x = linePath[1];
y = linePath[2] = linePath[2]; // + arrowFactor;
arrowPath = [
'M', x, y,
'L', x - 0.35 * arrowFactor, y + 0.35 * arrowFactor,
'L', x, y - 1 * arrowFactor,
'L', x + 0.35 * arrowFactor, y + 0.35 * arrowFactor,
'L', x, y
];
newPath = arrowPath.concat(linePath);
}
return newPath;
}
return linePath;
});
CSS:
.highcharts-axis-line {
fill: black;
stroke-linejoin: round;
}
例:多く、それは魔法のように動作http://jsfiddle.net/z2aagpeu/
関連する問題
- 1. パンダのヒストグラムにx軸ラベルとy軸ラベルを設定するにはどうすればよいですか?
- 2. matplotlibのx軸とy軸を変更するにはどうすればよいですか?
- 3. グラフのX軸名とY軸名を設定するにはどうすればよいですか?
- 4. Point2DのX軸とY軸を取得する方法は?
- 5. x、y、z軸を使用して3Dグラフをプロットするにはどうすればよいですか?
- 6. clustermapのx軸ラベルとy軸ラベルを削除するにはどうすればいいですか?
- 7. Mathematicaプロットでx軸をy軸に合わせるようにする
- 8. x軸とy軸のピンチスケーリングデータを取得する方法
- 9. d3jsの端からX軸とY軸が切り取られています
- 10. 双軸双軸の軸のハンドルを取得するにはどうすればよいですか?
- 11. X軸の代わりにY軸に寸法ヘッダを表示
- 12. ハイチャートを使用して、y軸に沿ってx軸ラベルを配置するにはどうすればよいですか?
- 13. gnuplotでx軸とy軸を同じにするには
- 14. NvD3チャートを使用して、マルチチャットのx軸とY軸のラベルを取得する方法は?
- 15. div内の各アルファベットのx軸とy軸の値を取得
- 16. x軸とy軸のダイナミックデータチャート
- 17. x軸とy軸のオーバーフロー
- 18. Highcharts.jsでx軸に日付を表示
- 19. xとyのカテゴリ軸で線グラフをプロットするにはどうすればよいですか?
- 20. ggplot2でgeom_ribbonを使用してX軸とY軸を逆にした場合
- 21. C3.jsのx軸としてcsv time列を使用するにはどうすればよいですか?
- 22. ハイチャートでグラフのx軸とy軸の輻輳を避けるにはどうしたらいいですか?
- 23. クリック時にx軸とy軸を取得する方法Angular JS Charts?
- 24. コアプロット軸の最後に矢印を設定するにはどうすればよいですか?
- 25. ggplot2で、わずらわしいx軸ラベルを修正するにはどうすればよいですか?
- 26. プロットするとWCSをx軸とy軸として使用するmatplotlib.imshowの画像に合う
- 27. 軸の長さと同じ長さの矢印を描くにはどうすればよいですか?
- 28. x軸とy軸の周りのポリゴンを回転する
- 29. x軸とy軸の間隔の長さをどのようにすることができますか?
- 30. R - ベースラインチャート - X軸とY軸の線を取り除く方法
感謝を! – Mina