You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by GitBox <gi...@apache.org> on 2018/08/30 23:47:28 UTC
[GitHub] dfonnegra opened a new issue #8986: Error when inserting new Series
in a place different to the end of the list (for line chart)
dfonnegra opened a new issue #8986: Error when inserting new Series in a place different to the end of the list (for line chart)
URL: https://github.com/apache/incubator-echarts/issues/8986
Error when inserting new Series in a place different to the end of the list (for line chart)
Hello!
I'm developing a dynamic chart module and I need to be able to add and remove series dinamically.
It throws the following error when I splice a new series in a different index than the last one,
```
Uncaught TypeError: Cannot read property 'type' of undefined
at Object.reset (dataSample.js?3d66:84)
at Task.seriesTaskReset [as _reset] (Scheduler.js?bee6:451)
at reset (task.js?815e:212)
at Task.taskProto.perform (task.js?815e:109)
at eval (Scheduler.js?bee6:267)
at HashMap.each (util.js?fe0c:663)
at eval (Scheduler.js?bee6:259)
at Array.forEach (<anonymous>)
at each (util.js?fe0c:298)
at performStageTasks (Scheduler.js?bee6:228)
at Scheduler.proto.performDataProcessorTasks (Scheduler.js?bee6:213)
at ECharts.update (echarts.js?21c7:752)
at ECharts.echartsProto.setOption (echarts.js?21c7:372)
at EchartsReactCore._this.renderEchartDom (core.js?6560:107)
at EchartsReact.componentDidUpdate (core.js?6560:155)
at commitLifeCycles (react-dom.development.js?cada:14369)
at commitAllLifeCycles (react-dom.development.js?cada:15462)
at HTMLUnknownElement.callCallback (react-dom.development.js?cada:100)
at Object.invokeGuardedCallbackDev (react-dom.development.js?cada:138)
at invokeGuardedCallback (react-dom.development.js?cada:187)
at commitRoot (react-dom.development.js?cada:15603)
at completeRoot (react-dom.development.js?cada:16618)
at performWorkOnRoot (react-dom.development.js?cada:16563)
at performWork (react-dom.development.js?cada:16482)
at performSyncWork (react-dom.development.js?cada:16454)
at requestWork (react-dom.development.js?cada:16354)
at scheduleWork$1 (react-dom.development.js?cada:16218)
at Object.enqueueSetState (react-dom.development.js?cada:11299)
at Connect.Component.setState (react.development.js?99ee:270)
at Connect.onStateChange (connectAdvanced.js?4805:205)
at Object.dispatch (createStore.js?6413:173)
at dispatch (<anonymous>:1:38223)
at eval (index.js?6c4c:11)
at dispatch (applyMiddleware.js?be0b:35)
at eval (index.js?7905:56)
at eval (index.js?6c4c:8)
at dispatch (applyMiddleware.js?be0b:35)
at _callee$ (index.js?7905:72)
at tryCatch (runtime.js?4a57:62)
at Generator.invoke [as _invoke] (runtime.js?4a57:296)
at Generator.prototype.(:8087/app/data-analysis/anonymous function) [as next] (webpack-internal:///378:114:21)
at step (asyncToGenerator.js?7b11:17)
at eval (asyncToGenerator.js?7b11:28)
```
This is the option object when there is no error
```
{
"grid": [
{
"height": 180,
"right": 50,
"left": 50,
"top": 40,
"backgroundColor": "#FFF",
"show": true
},
{
"height": 180,
"right": 50,
"left": 50,
"top": 270,
"backgroundColor": "#FFF",
"show": true
}
],
"xAxis": [
{
"gridIndex": 0,
"type": "time",
"position": "bottom",
"splitLine": {
"show": false
}
},
{
"gridIndex": 1,
"type": "time",
"position": "bottom",
"splitLine": {
"show": false
}
}
],
"yAxis": [
{
"name": "Raw Test Device",
"type": "value",
"scale": true,
"gridIndex": 0,
"splitLine": {
"show": false
},
"position": "left",
"nameLocation": "center",
"nameTextStyle": {
"fontStyle": "Open Sans",
"color": "#777",
"fontSize": 16
},
"nameGap": 30,
"offset": 0
},
{
"name": "Raw Test Device",
"type": "value",
"scale": true,
"gridIndex": 1,
"splitLine": {
"show": false
},
"position": "left",
"nameLocation": "center",
"nameTextStyle": {
"fontStyle": "Open Sans",
"color": "#777",
"fontSize": 16
},
"nameGap": 30,
"offset": 0
}
],
"series": [
{
"name": "Raw Test Device",
"type": "line",
"showSymbol": false,
"lineStyle": {
"width": 1,
"color": "#2FBD68"
},
"itemStyle": {
"color": "#2FBD68"
},
"data": [
[
1535672110000,
84
],
[
1535672120000,
73
]
],
"xAxisIndex": 0,
"yAxisIndex": 0,
"hoverAnimation": false,
"tooltip": {}
},
{
"name": "Raw Test Device",
"type": "line",
"showSymbol": false,
"lineStyle": {
"width": 1,
"color": "#FFAE58"
},
"itemStyle": {
"color": "#FFAE58"
},
"data": [
[
1535672110000,
84
],
[
1535672120000,
73
]
],
"xAxisIndex": 1,
"yAxisIndex": 1,
"hoverAnimation": false,
"tooltip": {}
}
],
"title": {
"textStyle": {
"fontWeight": "normal"
}
},
"toolbox": {
"show": true,
"feature": {
"saveAsImage": {
"title": "save",
"type": "png"
},
"dataZoom": {
"title": {
"zoom": "zoom",
"back": "back"
},
"yAxisIndex": false
},
"restore": {
"title": "restore"
},
"magicType": {
"type": [
"line",
"bar"
],
"title": {
"line": "line",
"bar": "bar"
}
}
},
"right": "20px",
"top": "-2px"
},
"tooltip": {
"trigger": "axis"
},
"axisPointer": {
"link": {
"xAxisIndex": "all"
}
}
}
```
Then when I change to the following option, the error comes
```
"{
"grid": [
{
"height": 180,
"right": 50,
"left": 100,
"top": 40,
"backgroundColor": "#FFF",
"show": true
},
{
"height": 180,
"right": 50,
"left": 50,
"top": 270,
"backgroundColor": "#FFF",
"show": true
}
],
"xAxis": [
{
"gridIndex": 0,
"type": "time",
"position": "bottom",
"splitLine": {
"show": false
}
},
{
"gridIndex": 1,
"type": "time",
"position": "bottom",
"splitLine": {
"show": false
}
}
],
"yAxis": [
{
"name": "Raw Test Device",
"type": "value",
"scale": true,
"gridIndex": 0,
"splitLine": {
"show": false
},
"position": "left",
"nameLocation": "center",
"nameTextStyle": {
"fontStyle": "Open Sans",
"color": "#777",
"fontSize": 16
},
"nameGap": 30,
"offset": 50
},
{
"name": "Raw Test Device 2",
"type": "value",
"scale": true,
"gridIndex": 0,
"splitLine": {
"show": false
},
"position": "left",
"nameLocation": "center",
"nameTextStyle": {
"fontStyle": "Open Sans",
"color": "#777",
"fontSize": 16
},
"nameGap": 30,
"offset": 0
},
{
"name": "Raw Test Device",
"type": "value",
"scale": true,
"gridIndex": 1,
"splitLine": {
"show": false
},
"position": "left",
"nameLocation": "center",
"nameTextStyle": {
"fontStyle": "Open Sans",
"color": "#777",
"fontSize": 16
},
"nameGap": 30,
"offset": 0
}
],
"series": [
{
"name": "Raw Test Device",
"type": "line",
"showSymbol": false,
"lineStyle": {
"width": 1,
"color": "#2FBD68"
},
"itemStyle": {
"color": "#2FBD68"
},
"data": [
[
1535672110000,
84
],
[
1535672120000,
73
]
],
"xAxisIndex": 0,
"yAxisIndex": 0,
"hoverAnimation": false,
"tooltip": {}
},
{
"name": "Raw Test Device 2",
"type": "line",
"showSymbol": false,
"lineStyle": {
"width": 1,
"color": "#5AD0C2"
},
"itemStyle": {
"color": "#5AD0C2"
},
"data": [
[
1535672110000,
0.21899878121466443
],
[
1535672120000,
1.397546677581849
]
],
"xAxisIndex": 0,
"yAxisIndex": 1,
"hoverAnimation": false,
"tooltip": {}
},
{
"name": "Raw Test Device",
"type": "line",
"showSymbol": false,
"lineStyle": {
"width": 1,
"color": "#FFAE58"
},
"itemStyle": {
"color": "#FFAE58"
},
"data": [
[
1535672110000,
84
],
[
1535672120000,
73
]
],
"xAxisIndex": 1,
"yAxisIndex": 2,
"hoverAnimation": false,
"tooltip": {}
}
],
"title": {
"textStyle": {
"fontWeight": "normal"
}
},
"toolbox": {
"show": true,
"feature": {
"saveAsImage": {
"title": "save",
"type": "png"
},
"dataZoom": {
"title": {
"zoom": "zoom",
"back": "back"
},
"yAxisIndex": false
},
"restore": {
"title": "restore"
},
"magicType": {
"type": [
"line",
"bar"
],
"title": {
"line": "line",
"bar": "bar"
}
}
},
"right": "20px",
"top": "-2px"
},
"tooltip": {
"trigger": "axis"
},
"axisPointer": {
"link": {
"xAxisIndex": "all"
}
}
}"
```
Note that the Raw Test Device 2 was added to the index 1. and then Raw Test Device 1 was moved to the index 2.
I would really appreciate your help
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@echarts.apache.org
For additional commands, e-mail: dev-help@echarts.apache.org