1

ご覧のとおり、2 番目、10 番目、13 番目のラベル (Raphael 言語のタグ) は、それぞれのグラフ ポイントにマウスオーバーしても表示されません (少なくとも表示可能領域には表示されません)。ポイントを追加すると、問題はさらに悪化します (つまり、欠落したタグが増える)。問題が何であるか知っている人はいますか？

var r = Raphael("holder"),
   txtattr = {
      font: "12px sans-serif"
   };
r.text(65, 25, "Basis Points").attr(txtattr);

lines = r.linechart(100, 40, 600, 260, [
   [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]
], [
   [12, 32, 23, 15, 17, 27, 22, 12, 32, 23, 15, 17, 27]
],
{
   nostroke: false,
   axis: "0 0 1 1",
   symbol: "circle",
   smooth: true
}).hoverColumn(function ()
{
   this.tags = r.set();

   for (var i = 0, ii = this.y.length; i < ii; i++)
   {
      this.tags.push(
        r.tag(this.x, this.y[i], this.values[i], 160, 10).insertBefore(this)
        .attr([
        {
           fill: "#fff"
        },
        {
           fill: this.symbols[i].attr("fill")
        }]));
   }
}, function ()
{
   this.tags && this.tags.remove();
});

lines.symbols.attr(
{
   r: 3
});
r.width = 650;

jsfiddle

4

1 に答える 1

2

問題は、ホバー列の幅が正しく計算されていることが原因です。コード修正については、以下のバグレポートで説明されています。

折れ線グラフの列幅のバグ

于 2012-07-30T17:14:12.977 に答える