1

アプリに単純な棒グラフがあり、棒の上部に「。」やアイコンなどを配置する必要があります。

コードは次のとおりです。

DataTable data = DataTable.create();
data.addColumn(ColumnType.STRING, "Year");
data.addColumn(ColumnType.NUMBER, "Sales");
data.addRows(2);
data.setValue(0, 0, "Work");
data.setValue(0, 1, 14);
data.setValue(1, 0, "Sleep");
data.setValue(1, 1, 10);

BarChart barChart = new BarChart(data, options);
vpnl.setHeight("500px");
vpnl.add(barChart);

そして、これが出力です。ここに表示される黒い円は、この場所に配置したいものです。または、任意の数にすることができます。

何か案が ？

コードによって生成されるもののスクリーンショット

4

1 に答える 1

0

この機能は現在サポートされていません。それを実装する唯一の方法は、それを作成するためにいくつかの凝ったjavascriptを書くことです。

私はJavaScriptを使用してSVGを操作することに長けていません。また、そのふりをすることもありません。Firebugで見つけた内容をお知らせし、共有します。

このチャートを使用して、作成されたSVG要素を調べました。それは5つの異なる<g>（私はグループを想定しています）要素を持っています。

  • g[1]タイトルに関する情報が含まれています。
  • g[2]伝説が含まれています
  • g[3]グラフ情報（グラフ領域、グリッド線、系列、軸ラベル値などのサブグループ）が含まれます-ポイントが選択されると、そのポイントの円/二重円も表示されます
  • g[4]軸のタイトルが含まれています
  • g[5]2つの別々のグループにツールチップが含まれていますが、マウスオーバーのみです

ポイントにマウスオーバーするとトリガーされるコード内の関数は次のとおりです。

Y.Ov=function(a,b,c){a=new kv(a);var d=this.Mf.pk(Wj);b=b[zc](sd);d[w](this.Mf[sb](b[0]));for(var e=1;e<b[L];++e)d[w](this.Mf.pk(ti)),d[w](this.Mf[sb](b[e]));Qt(d,c);a.t()[w](d);a.Zz(100);a.Yz(100);this.on[y](a);return a};Y.appendChild=function(a,b){if(b){var c;if(b[Bc]==Sv){if(!b.Th())return;c=b.t()}else c=b;a.t()[w](c)}};Y.replaceChild=function(a,b,c){a.t().replaceChild(b,c);Cu(c)};Y.Fg=function(a){a.Th()&&this.xs(a.t())};Y.xs=function(a){this.Mf.Fg(a)};Y.ds=function(a){this.Mf.removeNode(a);Cu(a)};

これはおそらくあなたを助けません。この（非常に必要な）機能の回避策を作成する簡単な方法が見つかりません。申し訳ありませんが、まだ解決策はありません！

于 2013-03-07T04:13:56.703 に答える