ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、 こちら までご連絡ください。
円グラフ
円グラフはパーセンテージベースです。 円グラフは、パーセンテージベースのデータを個々の円のスライスとしてモデル化します。 各データ セットは、 SingleValueColumn オブジェクトの新しいインスタンスとして定義する必要があります。 次の手順に従って、円グラフを使用するようにポートレットを構成します。
-
Chart taglibを
PieChartConfigクラスとSingleValueColumnクラスとともにバンドルのinit.jspファイルにインポートします。<%@ taglib prefix="chart" uri="http://liferay.com/tld/chart" %> <%@ page import="com.liferay.frontend.taglib.chart.model.percentage.pie.PieChartConfig" %> <%@ page import="com.liferay.frontend.taglib.chart.model.SingleValueColumn" %> -
次のJavaスクリプトレットを
view.jspの先頭に追加します。<% PieChartConfig _pieChartConfig = new PieChartConfig(); _pieChartConfig.addColumn( new SingleValueColumn("data1", 85.4) ); %> -
<chart>タグライブラリをview.jspに追加し、_pieChartConfigをconfig属性の値として渡します。<chart:pie config="<%= _pieChartConfig %>" />
これで、アプリの円グラフを作成する方法がわかりました。