ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

ステップグラフ

ステップグラフには、複数のデータセットが含まれています。ステップグラフでは、データのポイント間に段差があり、階段に似ています。各データシリーズ ( addColumns() メソッドで作成) は、ID と値のセットを受け取る MultiValueColumn オブジェクトの新しいインスタンスで定義されます。次の手順に従って、ステップグラフを使用するようにポートレットを構成します。

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

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

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

<%
StepChartConfig _stepChartConfig = new StepChartConfig();

_stepChartConfig.addColumns(
  new MultiValueColumn("data1", 100, 20, 30),
  new MultiValueColumn("data2", 20, 70, 100));
%>

<chart> タグライブラリを view.jspに追加し、 _stepChartConfig を config 属性の値として渡します。
```
<chart:step
  config="<%= _stepChartConfig %>"
/>
```

ステップグラフでは、データのポイント間に段差があり、階段に似ています。

必要に応じて、エリアステップグラフを使用することもできます。エリアステップグラフは、ステップグラフでカバーされるエリアを強調表示します。

<chart:area-step
  config="<%= _stepChartConfig %>"
/>

エリアステップグラフは、ステップグラフでカバーされるエリアを強調表示します。

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

Capability:

Development and Tooling

Resource Type:

Official Documentation

Feature:

Java Development

Deployment Approach:

Liferay PaaS

Liferay Self-Hosted

ステップグラフ

関連トピック