棒グラフ

棒グラフには、複数のデータセットが含まれています。棒グラフは、データを棒状にモデル化したものです。各データ系列（addColumns()メソッドで作成）は、IDと値のセットを受け取る MultiValueColumnオブジェクトの新しいインスタンスで定義されます。次の手順に従って、棒グラフを使用するようにポートレットを構成します。

Chart taglibをBarChartConfigクラスとMultiValueColumnクラスとともにバンドルのinit.jspファイルにインポートします。

<%@ taglib prefix="chart" uri="http://liferay.com/tld/chart" %>
<%@ page import="com.liferay.frontend.taglib.chart.model.point.bar.BarChartConfig" %>
<%@ page import="com.liferay.frontend.taglib.chart.model.MultiValueColumn" %>

次のJavaスクリプトレットをview.jspの先頭に追加します。

<%
BarChartConfig _barChartConfig = new BarChartConfig();

_barChartConfig.addColumns(
    new MultiValueColumn("data1", 100, 20, 30),
    new MultiValueColumn("data2", 20, 70, 100)
);

%>

<chart> taglibをview.jspに追加し、config属性の値として_barChartConfigを渡します。
```
<chart:bar
  config="<%= _barChartConfig %>"
/>
```

棒グラフは、データを棒状にモデル化したものです。

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

棒グラフ

関連トピック

Not finding what you're looking for?