Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 12 additions & 12 deletions content/guides/sheets/features/charts.ja-JP.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 +148,7 @@ Univer Sheets は以下のチャート種類をサポートしています:

## Facade API

完全な Facade API の型定義は [FacadeAPI](https://reference.univer.ai/en-US) を参照してください。
完全な Facade API の型定義は [FacadeAPI](/reference/facade/univer) を参照してください。

### インポート

Expand All @@ -162,9 +162,9 @@ import '@univerjs-pro/sheets-chart/facade'

### チャートの挿入

[`FWorksheet.newChart()`](https://docs.univer.ai/reference/facade/worksheet#newchart) メソッドはチャート ビルダーを作成し、`FChartBuilderBase` のインスタンスを返します。メソッド チェーンでチャートの各種プロパティを設定できます。
`FWorksheet.newChart()` メソッドはチャート ビルダーを作成し、`FChartBuilderBase` のインスタンスを返します。メソッド チェーンでチャートの各種プロパティを設定できます。

その後、`build()` を呼び出して `IChartBuilderInfo` オブジェクトを生成し、[`FWorksheet.insertChart(chartBuildInfo: IChartBuilderInfo)`](https://docs.univer.ai/reference/facade/worksheet#insertchart) メソッドでワークシートにチャートを挿入します。
その後、`build()` を呼び出して `IChartBuilderInfo` オブジェクトを生成し、`FWorksheet.insertChart(chartBuildInfo: IChartBuilderInfo)` メソッドでワークシートにチャートを挿入します。

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand All @@ -183,7 +183,7 @@ const chartInfo = fWorksheet.newChart()
await fWorksheet.insertChart(chartInfo)
```

[`FChartBuilderBase`](https://docs.univer.ai/reference/facade/chart) の主なメンバー メソッドは次のとおりです。
`FChartBuilderBase` の主なメンバー メソッドは次のとおりです。

| メソッド | 説明 |
| ------ | ----------- |
Expand Down Expand Up @@ -436,7 +436,7 @@ const chartBuilder = fWorkSheet.newChart()
.setChartType(univerAPI.Enum.ChartType.Column)
```

- [LineChartBuilder](https://docs.univer.ai/reference/facade/chart)
- `LineChartBuilder`

| メソッド | 説明 |
| ------ | ----------- |
Expand All @@ -446,7 +446,7 @@ const chartBuilder = fWorkSheet.newChart()
| setDataPointSize | データ点のサイズを設定 |
| build | チャート挿入/更新用のビルダー情報を生成 |

- [PieChartBuilder](https://docs.univer.ai/reference/facade/chart)
- `PieChartBuilder`

| メソッド | 説明 |
| ------ | ----------- |
Expand All @@ -458,7 +458,7 @@ const chartBuilder = fWorkSheet.newChart()
| setShowLabelLine | ラベル ラインを表示 |
| build | チャート挿入/更新用のビルダー情報を生成 |

- [RadarChartBuilder](https://docs.univer.ai/reference/facade/chart)
- `RadarChartBuilder`

| メソッド | 説明 |
| ------ | ----------- |
Expand All @@ -468,7 +468,7 @@ const chartBuilder = fWorkSheet.newChart()

### チャートの取得

[`FWorksheet.getCharts()`](https://docs.univer.ai/reference/facade/worksheet#getcharts) メソッドは、現在のワークシートにあるすべてのチャートを取得し、`FChart` オブジェクトの配列を返します。
`FWorksheet.getCharts()` メソッドは、現在のワークシートにあるすべてのチャートを取得し、`FChart` オブジェクトの配列を返します。

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand All @@ -478,7 +478,7 @@ const fWorksheet = fWorkbook.getActiveSheet()
const charts = fWorksheet.getCharts()
```

[`FChart`](https://docs.univer.ai/reference/facade/chart) の主なメンバー メソッドは次のとおりです。
`FChart` の主なメンバー メソッドは次のとおりです。

| メソッド | 説明 |
| --- | --- |
Expand All @@ -489,7 +489,7 @@ const charts = fWorksheet.getCharts()

### チャートの更新

[`FWorksheet.updateChart(chartBuildInfo: IChartBuilderInfo)`](https://docs.univer.ai/reference/facade/worksheet#updatechart) メソッドはチャートを更新します。`IChartBuilderInfo` オブジェクトを渡してチャートの設定を更新します。
`FWorksheet.updateChart(chartBuildInfo: IChartBuilderInfo)` メソッドはチャートを更新します。`IChartBuilderInfo` オブジェクトを渡してチャートの設定を更新します。

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand Down Expand Up @@ -519,7 +519,7 @@ setTimeout(() => {

### チャートの削除

[`FWorksheet.removeChart(chart: FChart)`](https://docs.univer.ai/reference/facade/worksheet#removechart) メソッドはチャートを削除します。`FChart` オブジェクトを渡して指定のチャートを削除します。
`FWorksheet.removeChart(chart: FChart)` メソッドはチャートを削除します。`FChart` オブジェクトを渡して指定のチャートを削除します。

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand All @@ -546,7 +546,7 @@ setTimeout(async () => {

### チャート テーマ

[`FWorksheet.registerChartTheme(themeName: string, theme: IEchartTheme)`](https://docs.univer.ai/reference/facade/worksheet#registercharttheme) メソッドはチャート テーマを登録します。テーマ名とテーマ オブジェクトを渡してカスタム テーマを登録します。
`FWorksheet.registerChartTheme(themeName: string, theme: IEchartTheme)` メソッドはチャート テーマを登録します。テーマ名とテーマ オブジェクトを渡してカスタム テーマを登録します。

Univer のチャートは ECharts ライブラリをベースに実装されています。そのため、ECharts の[テーマ ビルダー ツール](https://echarts.apache.org/en/theme-builder.html)でカスタム テーマを作成できます。
このサイトでテーマを作成し、設定ファイルとしてダウンロードしてください。以下の API を使ってカスタム テーマを適用できます。
Expand Down
24 changes: 12 additions & 12 deletions content/guides/sheets/features/charts.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 +148,7 @@ Univer Sheets supports the following chart types:

## Facade API

Complete Facade API type definitions can be found in the [FacadeAPI](https://reference.univer.ai/en-US).。
Complete Facade API type definitions can be found in the [FacadeAPI](/reference/facade/univer).

### Importing

Expand All @@ -162,9 +162,9 @@ import '@univerjs-pro/sheets-chart/facade'

### Insert Chart

[`FWorksheet.newChart()`](https://docs.univer.ai/reference/facade/worksheet#newchart) method is used to create a chart builder, returning an instance of `FChartBuilderBase`. You can chain method calls to set various properties of the chart.
`FWorksheet.newChart()` method is used to create a chart builder, returning an instance of `FChartBuilderBase`. You can chain method calls to set various properties of the chart.

Then call `build()` to generate an `IChartBuilderInfo` object, and use the [`FWorksheet.insertChart(chartBuildInfo: IChartBuilderInfo)`](https://docs.univer.ai/reference/facade/worksheet#insertchart) method to insert the chart into the worksheet.
Then call `build()` to generate an `IChartBuilderInfo` object, and use the `FWorksheet.insertChart(chartBuildInfo: IChartBuilderInfo)` method to insert the chart into the worksheet.

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand All @@ -183,7 +183,7 @@ const chartInfo = fWorksheet.newChart()
await fWorksheet.insertChart(chartInfo)
```

Here are some member methods on [`FChartBuilderBase`](https://docs.univer.ai/reference/facade/chart):
Here are some member methods on `FChartBuilderBase`:

| Method | Description |
| ------ | ----------- |
Expand Down Expand Up @@ -436,7 +436,7 @@ const chartBuilder = fWorkSheet.newChart()
.setChartType(univerAPI.Enum.ChartType.Column)
```

- [LineChartBuilder](https://docs.univer.ai/reference/facade/chart)
- `LineChartBuilder`

| Method | Description |
| ------ | ----------- |
Expand All @@ -446,7 +446,7 @@ const chartBuilder = fWorkSheet.newChart()
| setDataPointSize | Set the data point size |
| build | Generate builder info for inserting/updating the chart |

- [PieChartBuilder](https://docs.univer.ai/reference/facade/chart)
- `PieChartBuilder`

| Method | Description |
| ------ | ----------- |
Expand All @@ -458,7 +458,7 @@ const chartBuilder = fWorkSheet.newChart()
| setShowLabelLine | Show label lines |
| build | Generate builder info for inserting/updating the chart |

- [RadarChartBuilder](https://docs.univer.ai/reference/facade/chart)
- `RadarChartBuilder`

| Method | Description |
| ------ | ----------- |
Expand All @@ -468,7 +468,7 @@ const chartBuilder = fWorkSheet.newChart()

### Get Charts

[`FWorksheet.getCharts()`](https://docs.univer.ai/reference/facade/worksheet#getcharts) method is used to get all charts in the current worksheet, returning an array of `FChart` objects.
`FWorksheet.getCharts()` method is used to get all charts in the current worksheet, returning an array of `FChart` objects.

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand All @@ -478,7 +478,7 @@ const fWorksheet = fWorkbook.getActiveSheet()
const charts = fWorksheet.getCharts()
```

Here are some member methods on [`FChart`](https://docs.univer.ai/reference/facade/chart):
Here are some member methods on `FChart`:

| Method | Description |
| --- | --- |
Expand All @@ -489,7 +489,7 @@ Here are some member methods on [`FChart`](https://docs.univer.ai/reference/faca

### Update Chart

The [`FWorksheet.updateChart(chartBuildInfo: IChartBuilderInfo)`](https://docs.univer.ai/reference/facade/worksheet#updatechart) method is used to update the chart, passing in an `IChartBuilderInfo` object to update the chart configuration.
The `FWorksheet.updateChart(chartBuildInfo: IChartBuilderInfo)` method is used to update the chart, passing in an `IChartBuilderInfo` object to update the chart configuration.

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand Down Expand Up @@ -519,7 +519,7 @@ setTimeout(() => {

### Remove Chart

The [`FWorksheet.removeChart(chart: FChart)`](https://docs.univer.ai/reference/facade/worksheet#removechart) method is used to remove a chart, passing in an `FChart` object to remove the specified chart.
The `FWorksheet.removeChart(chart: FChart)` method is used to remove a chart, passing in an `FChart` object to remove the specified chart.

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand All @@ -546,7 +546,7 @@ setTimeout(async () => {

### Chart Theme

The [`FWorksheet.registerChartTheme(themeName: string, theme: IEchartTheme)`](https://docs.univer.ai/reference/facade/worksheet#registercharttheme) method is used to register a chart theme, passing in a theme name and theme object to register a custom theme.
The `FWorksheet.registerChartTheme(themeName: string, theme: IEchartTheme)` method is used to register a chart theme, passing in a theme name and theme object to register a custom theme.

Univer chart is implemented based on the echarts library, so you can use the echart theme [builder tool to create your custom theme](https://echarts.apache.org/en/theme-builder.html).
You can create your own theme on this website and download it as a configuration file. Use the following API to use your custom theme:
Expand Down
24 changes: 12 additions & 12 deletions content/guides/sheets/features/charts.zh-CN.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 +148,7 @@ Univer Sheets 支持以下图表类型:

## Facade API

完整 Facade API 类型定义,请查看 [FacadeAPI](https://reference.univer.ai/zh-CN)。
完整 Facade API 类型定义,请查看 [FacadeAPI](/reference/facade/univer)。

### 引入

Expand All @@ -162,9 +162,9 @@ import '@univerjs-pro/sheets-chart/facade'

### 插入图表

[`FWorksheet.newChart()`](https://docs.univer.ai/reference/facade/worksheet#newchart) 方法用于创建一个图表构建器,返回一个 `FChartBuilderBase` 实例,你可以通过链式调用方法来设置图表的各种属性。
`FWorksheet.newChart()` 方法用于创建一个图表构建器,返回一个 `FChartBuilderBase` 实例,你可以通过链式调用方法来设置图表的各种属性。

然后调用 `build()` 生成 `IChartBuilderInfo` 对象,通过 [`FWorksheet.insertChart(chartBuildInfo: IChartBuilderInfo)`](https://docs.univer.ai/reference/facade/worksheet#insertchart) 方法将图表插入到表格中。
然后调用 `build()` 生成 `IChartBuilderInfo` 对象,通过 `FWorksheet.insertChart(chartBuildInfo: IChartBuilderInfo)` 方法将图表插入到表格中。

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand All @@ -183,7 +183,7 @@ const chartInfo = fWorksheet.newChart()
await fWorksheet.insertChart(chartInfo)
```

以下是 [`FChartBuilderBase`](https://docs.univer.ai/reference/facade/chart) 上的一些成员方法:
以下是 `FChartBuilderBase` 上的一些成员方法:

| 方法 | 描述 |
| --- | --- |
Expand Down Expand Up @@ -436,7 +436,7 @@ const chartBuilder = fWorkSheet.newChart()
.setChartType(univerAPI.Enum.ChartType.Column)
```

- [LineChartBuilder](https://docs.univer.ai/reference/facade/chart)
- `LineChartBuilder`

| 方法 | 描述 |
| --- | --- |
Expand All @@ -446,7 +446,7 @@ const chartBuilder = fWorkSheet.newChart()
| setDataPointSize | 设置数据点大小 |
| build | 生成 builder info,用于插入/更新图表 |

- [PieChartBuilder](https://docs.univer.ai/reference/facade/chart)
- `PieChartBuilder`

| 方法 | 描述 |
| --- | --- |
Expand All @@ -458,7 +458,7 @@ const chartBuilder = fWorkSheet.newChart()
| setShowLabelLine | 显示标签线 |
| build | 生成 builder info,用于插入/更新图表 |

- [RadarChartBuilder](https://docs.univer.ai/reference/facade/chart)
- `RadarChartBuilder`

| 方法 | 描述 |
| --- | --- |
Expand All @@ -468,7 +468,7 @@ const chartBuilder = fWorkSheet.newChart()

### 获取图表

[`FWorksheet.getCharts()`](https://docs.univer.ai/reference/facade/worksheet#getcharts) 方法用于获取当前工作表中的所有图表,返回一个 `FChart[]` 数组。
`FWorksheet.getCharts()` 方法用于获取当前工作表中的所有图表,返回一个 `FChart[]` 数组。

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand All @@ -478,7 +478,7 @@ const fWorksheet = fWorkbook.getActiveSheet()
const charts = fWorksheet.getCharts()
```

以下是 [`FChart`](https://docs.univer.ai/reference/facade/chart) 上的一些成员方法:
以下是 `FChart` 上的一些成员方法:

| 方法 | 描述 |
| --- | --- |
Expand All @@ -489,7 +489,7 @@ const charts = fWorksheet.getCharts()

### 更新图表

[`FWorksheet.updateChart(chartBuildInfo: IChartBuilderInfo)`](https://docs.univer.ai/reference/facade/worksheet#updatechart) 方法用于更新图表,传入一个 `IChartBuilderInfo` 对象,用于更新图表的配置。
`FWorksheet.updateChart(chartBuildInfo: IChartBuilderInfo)` 方法用于更新图表,传入一个 `IChartBuilderInfo` 对象,用于更新图表的配置。

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand Down Expand Up @@ -519,7 +519,7 @@ setTimeout(() => {

### 删除图表

[`FWorksheet.removeChart(chart: FChart)`](https://docs.univer.ai/reference/facade/worksheet#removechart) 方法用于删除图表,传入一个 `FChart` 对象,用于删除指定的图表。
`FWorksheet.removeChart(chart: FChart)` 方法用于删除图表,传入一个 `FChart` 对象,用于删除指定的图表。

```typescript
const fWorkbook = univerAPI.getActiveWorkbook()
Expand All @@ -546,7 +546,7 @@ setTimeout(async () => {

### 图表主题

[`FWorksheet.registerChartTheme(themeName: string, theme: IEchartTheme)`](https://docs.univer.ai/reference/facade/worksheet#registercharttheme) 方法用于注册图表主题,传入一个主题名称和主题对象,用于注册自定义主题。
`FWorksheet.registerChartTheme(themeName: string, theme: IEchartTheme)` 方法用于注册图表主题,传入一个主题名称和主题对象,用于注册自定义主题。

Univer chart 是基于 echarts 的图表库实现的,因此可以借助 echart 的主题构建工具来构建你的[自定制主题](https://echarts.apache.org/zh/theme-builder.html)。
你可以在该网站构建你自己的主题并下载成为配置文件,使用以下 API 来使用你的自定义主题:
Expand Down
Loading
Loading