mirror of
https://github.com/hustcc/echarts-for-react.git
synced 2025-12-08 20:16:09 +00:00
e9cf9ade40
* Add locale to Opts type as available in echarts v5 * Add example of using Opts.locale to the demo website Co-authored-by: Sylvain Thénault <sylvain.thenault@lowatt.fr>
50 lines
807 B
Markdown
50 lines
807 B
Markdown
---
|
|
title: Locale
|
|
order: 8
|
|
---
|
|
|
|
## Locale
|
|
|
|
```tsx
|
|
import React from 'react';
|
|
import ReactECharts from 'echarts-for-react';
|
|
|
|
import "echarts/i18n/langFR";
|
|
|
|
const Page: React.FC = () => {
|
|
const option = {
|
|
title: {
|
|
text: 'ECharts 入门示例'
|
|
},
|
|
toolbox: {
|
|
feature: {
|
|
saveAsImage: {},
|
|
dataZoom: {},
|
|
restore: {}
|
|
}
|
|
},
|
|
tooltip: {},
|
|
legend: {
|
|
data:['销量']
|
|
},
|
|
xAxis: {
|
|
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
name: '销量',
|
|
type: 'line',
|
|
data: [5, 20, 36, 10, 10, 20]
|
|
}]
|
|
};
|
|
|
|
return <ReactECharts
|
|
option={option}
|
|
style={{ height: 400 }}
|
|
opts={{ locale: 'FR' }}
|
|
/>;
|
|
};
|
|
|
|
export default Page;
|
|
```
|