Panxoat opened a new issue, #16886:
URL: https://github.com/apache/echarts/issues/16886
### Version
3.0.1
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
1. chart option - LineChart
```
{
"tooltip": {
"padding": 0,
"borderColor": "#5C6DFF",
"axisPointer": {
"type": "shadow"
}
},
"legend": {
"orient": "horizontal",
"type": "plain",
"top": "auto",
"left": "15%",
"right": "auto",
"textStyle": {
"width": 160,
"overflow": "truncate"
},
"tooltip": {
"trigger": "item",
"borderColor": "transparent",
"show": false
},
"data": [
"some text #1",
"some text #2",
]
},
"grid": {
"width": "auto",
"height": "auto",
"left": "6%",
"right": "3%",
"containLabel": false
},
"xAxis": {
"type": "category",
"data": [
"2021-05-01",
"2021-06-01",
"2021-07-01",
"2021-08-01",
"2021-09-01",
"2021-10-01",
"2021-11-01",
"2021-12-01",
"2022-01-01",
"2022-02-01",
"2022-03-01",
"2022-04-01"
],
"name": "결제일자(월)",
"nameGap": 25,
"nameLocation": "middle"
},
"yAxis": {
"type": "value",
"axisLabel": {
"show": true
}
},
"series": [
{
"name": "some text #1",
"type": "line",
"itemStyle": {
"color": "auto"
},
"emphasis": {
"focus": "series",
"label": {
"show": true
}
},
"data": [
11908000,
10892000,
7343394,
7832346,
11556134,
5435617,
4385354,
3496000,
null,
null,
null,
398000
]
},
{
"name": "some text #2",
"type": "line",
"itemStyle": {
"color": "auto"
},
"emphasis": {
"focus": "series",
"label": {
"show": true
}
},
"data": [
29007188,
23333630,
21393528,
6132000,
13840611,
11947059,
5070387,
12306750,
11907327,
14651670,
12232000,
319000
]
},
]
}
```
1-1. chart option - BarChart
```
{
"tooltip": {
"show": true,
"trigger": "item",
"padding": 5,
"borderColor": "#ffffff",
"axisPointer": {
"type": "shadow"
}
},
"legend": {
"type": "scroll",
"orient": "vertical",
"left": "85%",
"top": "7%",
"textStyle": {
"width": 160,
"overflow": "truncate"
},
"tooltip": {
"trigger": "item",
"show": true
},
"data": [
"some text #1",
"some text #2",
]
},
"grid": {
"left": "3%",
"right": "4%",
"bottom": "3%",
"width": "80%",
"containLabel": true
},
"xAxis": {
"type": "category",
"data": [
"2021-05-01",
"2021-06-01",
"2021-07-01",
"2021-08-01",
"2021-09-01",
"2021-10-01",
"2021-11-01",
"2021-12-01",
"2022-01-01",
"2022-02-01",
"2022-03-01",
"2022-04-01"
],
"name": "결제일자(월)",
"nameGap": 25,
"nameLocation": "middle"
},
"yAxis": {
"name": "매출",
"type": "value",
"axisLabel": {
"show": true
},
"position": "left"
},
"series": [
{
"name": "some Text #1",
"type": "bar",
"stack": "product",
"itemStyle": {
"color": "auto"
},
"emphasis": {
"label": {
"show": true
}
},
"data": [
50125679,
30075063,
10970817,
null,
10870754,
4484781,
null,
null,
null,
null,
null,
null
]
},
{
"name": "some Text #2",
"type": "bar",
"stack": "product",
"itemStyle": {
"color": "auto"
},
"emphasis": {
"label": {
"show": true
}
},
"data": [
12184875,
null,
null,
null,
2783123,
null,
null,
null,
null,
null,
null,
null
]
},
]
}
```
2. user interaction
I developed to able to switch chart types by dropdown select box
BarChart <-> LineChart
first step: see BarChart
second step: switching LineChart
=> rendering chart both of BarChart, LineChart like [Mixed Line and
Bar](https://echarts.apache.org/examples/en/editor.html?c=mix-line-bar)
### Current Behavior
<img width="1263" alt="스크린샷 2022-04-14 오후 6 49 50"
src="https://user-images.githubusercontent.com/49806316/163363341-157b6a7e-bdc2-4d44-aa44-5bdc10031113.png";>
rendering chart both of BarChart, LineChart like [Mixed Line and
Bar](https://echarts.apache.org/examples/en/editor.html?c=mix-line-bar)
### Expected Behavior
<img width="1271" alt="스크린샷 2022-04-14 오후 7 06 17"
src="https://user-images.githubusercontent.com/49806316/163363465-192d284d-f496-4a22-b29d-1f6c6e9324df.png";>
only rendering 'LineChart'
### Environment
```markdown
- OS: macOS Monterey 12.2.1
- Browser: Chrome 100.0.4896.75 (x86_64)
- Framework: React
```
### Any additional comments?
Thank you.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
![https://user-images.githubusercontent.com/49806316/163363341-157b6a7e-bdc2-4d44-aa44-5bdc10031113.png"](https://user-images.githubusercontent.com/49806316/163363341-157b6a7e-bdc2-4d44-aa44-5bdc10031113.png"){kind=link}
![https://user-images.githubusercontent.com/49806316/163363465-192d284d-f496-4a22-b29d-1f6c6e9324df.png"](https://user-images.githubusercontent.com/49806316/163363465-192d284d-f496-4a22-b29d-1f6c6e9324df.png"){kind=link}