0

テキストがゲージに対して長いため、Google Gaugeの下部のテキストをそこに移動しようとしています。

これは私のHTMLコードです:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div style="width:400px;text-align:center">
  <div id="chart_div" style="width: 400px; height: 400px;">
  </div>
  <h1>MemoryAfter</h1>
</div>

ここで例を見つけることができます: https://jsfiddle.net/roby492/1sjrq64s/1/

ご覧のとおり、標準のテキスト位置は MemoryBefore テキストですが、MemoryAfter テキストの位置に移動します。

jQuery を使用して y パラメータを変更しようとしましたが、「g」および「text」タグが見つかりません。

4

1 に答える 1

0

の後にある 1 つの<text>要素だけを選択するには、 の<g>子内の最初のテキスト要素を選択する必要があります<svg>。次のセレクターがそれを行います。

$("svg > g > text:first")

yその後、 jQuery のattr()関数を使用して属性を変更できます。

デモはこちら

ただし、SVG の境界外になるため、デモよりも下に移動することはできません。低くする必要がある場合は、SVG をさらに下に拡張する必要があります。heightそのためには、の属性を変更する必要があります<svg>。

于 2016-09-28T11:23:01.353 に答える