1

Moxieapps Highchart v1.3.0 を使用しています。折れ線グラフのツールチップを表示するには 2 つの要件があります。

私。x 軸は日時軸です。ツールチップに表示される日付をフォーマットする必要があります。そのため、ToolTipData を使用して、ツールチップの日付をフォーマットしました。ただし、ツールチップのシリーズ名の色が失われます。ツールチップは共有されます。シリーズ名をツールチップにそれぞれの色で表示するには?

ii. ツールチップの高さ/幅が大きくなる場合があります。このようなシナリオでは、ツールチップが画面からはみ出します。つまり、ツールチップの半分が表示され、残りの半分が画面からはみ出します。ツールチップ内のテキストをラップするために html タグを使用しました。htmlタグに横幅をつけてみました。しかし、効果はありません。ツールチップが画面から消えるのを防ぐ方法は?

コード スニペットを見つけてください。 DateTimeFormat.getFormat("yyyy-MM-dd").format( new Date(toolTipData.getXAsLong(0)));

    tooltipContent.append("<b>").append(formattedDate)
      .append("</b>");
    for (int i = 0; i < toolTipData.getPointsLength(); i++)
    {
      tooltipContent.append("<br />").append("<span>")
        .append(toolTipData.getSeriesName(i)).append(":").append(toolTipData.getYAsDouble(i));

      tooltipContent.append("</span>");
    }
    return tooltipContent.toString();
  }
}));

親切に問題を助けてください。前もって感謝します

4

0 に答える 0