円グラフ

円グラフはパーセンテージベースです。円グラフは、パーセンテージベースのデータを個々の円のスライスとしてモデル化します。各データセットは、 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> taglibをview.jspに追加し、config属性の値として_pieChartConfigを渡します。
```
<chart:pie
  config="<%= _pieChartConfig %>"
/>
```

円グラフは、パーセンテージベースのデータを個々の円のスライスとしてモデル化します。

これで、アプリの円グラフを作成する方法がわかりました。

円グラフ

関連トピック

Not finding what you're looking for?