option = {
dataset: [
{
source: [
['time', 'data1', 'data2'],
[1766311200000, 11530.333333333334, 1857],
[1766318400000, 10916.333333333334, 1867.3333333333333],
[1766325600000, 10952.333333333334, 1904],
[1766332800000, 11051.333333333334, 1885],
[1766340000000, null, null],
[1766347200000, null, null],
[1766354400000, null, null],
[1766361600000, null, null],
[1766368800000, null, null],
[1766376000000, null, null],
[1766383200000, 10864.5, 7476],
[1766390400000, 10596, 7423],
[1766390700000, 10891.666666666666, 7431],
[1766391000000, 10416.5, 7407],
[1766391300000, 11736.666666666666, 7459.333333333333],
[1766391600000, 10770, 5663],
[1766391900000, 10519.666666666666, 7368.666666666667],
[1766392200000, 10442.5, 7333.5],
[1766392500000, null, null],
],
},
],
grid: {
top: 6,
left: 0,
right: 0,
bottom: 0,
},
tooltip: {
trigger: 'axis',
axisPointer: {
lineStyle: {
color: '#a7a9bc',
},
},
},
xAxis: {
max: 1766396999000,
type: 'time',
axisLine: {
lineStyle: {
color: '#c2c2c2',
},
},
axisTick: {
length: 6,
lineStyle: {
color: '#dddddd',
},
alignWithLabel: true,
customValues: [
1766311200000, 1766318400000, 1766325600000, 1766332800000,
1766340000000, 1766347200000, 1766354400000, 1766361600000,
1766368800000, 1766376000000, 1766383200000, 1766390400000,
],
},
axisLabel: {
fontSize: 10,
color: '#2F2F2F',
margin: 9,
hideOverlap: true,
customValues: [
1766311200000, 1766318400000, 1766325600000, 1766332800000,
1766340000000, 1766347200000, 1766354400000, 1766361600000,
1766368800000, 1766376000000, 1766383200000, 1766390400000,
],
formatter: (value) => value.toString(),
},
},
yAxis: {
type: 'value',
axisLine: {
show: false,
},
axisTick: {
show: false,
},
splitLine: {
lineStyle: {
color: '#c2c2c2',
},
},
axisLabel: {
fontSize: 10,
color: '#2F2F2F',
margin: 6,
},
min: 0,
},
series: [
{
silent: true,
type: 'line',
showSymbol: false,
name: {
type: 'data1',
},
encode: {
x: 'time',
y: 'data1',
},
},
{
silent: true,
type: 'line',
showSymbol: false,
name: {
type: 'data2',
},
encode: {
x: 'time',
y: 'data2',
},
},
],
color: ['#805500', '#C38200', '#FFAA00', '#FFC44D'],
};
The chart works.
- OS: macOS Sequoia
- Browser: Microsoft Edge 143.0.3650.80 (arm64)
- Framework: Vue@3
Version
6.0.0
Link to Minimal Reproduction
https://echarts.apache.org/examples/zh/editor.html?c=line-simple&code=5VbdatswFL7fUwh64RZCsPwvjw5KR68KG2RsF2UXjqM6YrYVbKVrNvruO7Ily7aSbIOymylgy8fnOzq_X8x3gvEaXaOfbxDaZCJrqUjRAzygTiRXy_dNTrVUrgdHsIo6C-RICNYbz_m6MDo4jiIfY8-Va4EwDn136ZsVgCwJYxuSBBriEhxZkCgei3zfMuCFkTEQenMDxA0siO8lg5tuiK0zk9CC9E5KSL0vy_5qK8U6_DNKYaADPqMUYR3UOaVEh3FGKe4NnVdK_KFubhIFy3CB4iCOLD1I5qAXkkhqeXZFiBsbawQvo9GSEB_bEKy9xG4AXdA54NrdQrA_VC72I8t0SCbdcgRvmiWO4RaC8IgWMWFiMj8FEj8WHfHSM-kMAq-LBrxZ2m1FvPB0ddTmRd66fdGwTaoGVfBdiqJeo6SPMMZu_9CwYmue1lwIXqnHzpLgvBQMwMoO6Be0SZGTPbPW6VFy-5GzWsgXmhhKVtOVOJTADVqEUM5LLsEXWZyRda7w6ih16y7PN2BTI6vsOUV9AiJCZLJ7dXHYgXVFN4Mn93Dwn7qRe_J31I3e2CeWfxsZo3UhtkMif2d90625dTBcsqL-wsT2PlvTMoWk7ql-l-9bqMDnrNxTiN-w6pwwZ2Q4o7YJbU1tGGqakdCMbqbEMrVhqGRGGnN6mLDAkT5VFevToDP4yGuxYj8gp3gADTn17uRvyGmVNQWrU0S0YMs29MMTbcoMeva_TKxMYFNlopvGyycZ8BW6foe63VLwFcxwXVxezUfuMB45NVod5uRstVv-PUWPWdmqLJ8cnFOa7a5k4lUH9hV6SU23MlpJkeHDljbMNNAQHwNqABodN5xKoYxnOELmYXWo1hxcHGUDoTqrJgErsPqCmhMIrXO-megDQY55UK7DKby6_QvfrUr9pe_HK901uqrig3ORuCH8LcrvzItbP4ER6bZ3dzc3w_Y2CN7L78-Xt78A&enc=deflate
Steps to Reproduce
Current Behavior
The devtools show errors:
VM361 about:srcdoc:1 failed to run code TypeError: Cannot read properties of undefined (reading 'level')The chart works well if I remove either
xAxis.axisLabel.customValuesorxAxis.axisLabel.formatter.Expected Behavior
The chart works.
Environment
Any additional comments?
No response