[apache/echarts]之前发错图了。一个grid实现双y轴展示2条line,每条y轴的name和对应的刻度对调了没匹配上

2024-08-22 356 views
8
One-line summary [问题简述]

一个grid实现双y轴展示2条line,每条y轴的name和对应的刻度对调了没匹配上

Version & Environment [版本及环境]
  • ECharts version [ECharts 版本]:4.1.0
  • Browser version [浏览器类型和版本]:chrome
  • OS Version [操作系统类型和版本]:windows
Expected behaviour [期望结果]

每条y轴的名字和刻度对应上。如图所示,我的options中series,和yaxis是对应的,但是画出的图y轴刻度对应不上,停留时长应该是0-1之间的值

ECharts option [ECharts配置项]
option = {
如图
![1](https://user-images.githubusercontent.com/22675176/45533486-63f5f200-b82a-11e8-9e3e-19aa1adb95b9.png)
![2](https://user-images.githubusercontent.com/22675176/45533494-68baa600-b82a-11e8-877e-5c32b3b3044a.png)
![3](https://user-images.githubusercontent.com/22675176/45533499-6b1d0000-b82a-11e8-9b27-15fe1e9d3e63.png)

}
Other comments [其他信息]

回答

1

1 2 3

2

不太理解你的意思,对应不上指的是?

9

_20180914160454

两个data展开看看呗....

2

对应不上就是,人均停留时长的取值是0-1的,但是刻度画出来的是累计用户数的取值刻度。累计用户数的刻度画成了人均停留时长的取值范围

8

series.data里面的数据和当前的数据是匹配的name=人均停留时长的数据都是0-1的值,name=累计用户数的数据都是一些比较大的值

9

_20180914182022 我没出现你的问题....我把配置贴给你你看一下吧....

{
    "backgroundColor": "#fff",
    "color": ["#37A2DA", "#32C5E9", "#67E0E3", "#9FE6B8", "#FFDB5C", "#ff9f7f", "#fb7293", "#E062AE", "#E690D1", "#e7bcf3", "#9d96f5", "#8378EA", "#96BFFF"],
    "colorLayer": [
        ["#37A2DA", "#ffd85c", "#fd7b5f"],
        ["#37A2DA", "#67E0E3", "#FFDB5C", "#ff9f7f", "#E062AE", "#9d96f5"],
        ["#37A2DA", "#32C5E9", "#9FE6B8", "#FFDB5C", "#ff9f7f", "#fb7293", "#e7bcf3", "#8378EA", "#96BFFF"],
        ["#37A2DA", "#32C5E9", "#67E0E3", "#9FE6B8", "#FFDB5C", "#ff9f7f", "#fb7293", "#E062AE", "#E690D1", "#e7bcf3", "#9d96f5", "#8378EA", "#96BFFF"]
    ],
    "gradientColor": ["#f6efa6", "#d88273", "#bf444c"],
    "textStyle": {
        "fontFamily": "Microsoft YaHei",
        "fontSize": 12,
        "fontStyle": "normal",
        "fontWeight": "normal"
    },
    "animation": "auto",
    "animationDuration": 1000,
    "animationDurationUpdate": 300,
    "animationEasing": "exponentialOut",
    "animationEasingUpdate": "cubicOut",
    "animationThreshold": 2000,
    "progressiveThreshold": 3000,
    "progressive": 400,
    "hoverLayerThreshold": 3000,
    "useUTC": false,
    "axisPointer": [{
        "link": [{
            "xAxisIndex": "all"
        }],
        "label": {
            "backgroundColor": "#777",
            "show": true,
            "formatter": null,
            "precision": "auto",
            "margin": 3,
            "color": "#fff",
            "padding": [5, 7, 5, 7],
            "borderColor": null,
            "borderWidth": 0,
            "shadowBlur": 3,
            "shadowColor": "#aaa"
        },
        "show": "auto",
        "triggerOn": null,
        "zlevel": 0,
        "z": 50,
        "type": "line",
        "snap": false,
        "triggerTooltip": true,
        "value": null,
        "status": null,
        "animation": null,
        "animationDurationUpdate": 200,
        "lineStyle": {
            "color": "#aaa",
            "width": 1,
            "type": "solid"
        },
        "shadowStyle": {
            "color": "rgba(150,150,150,0.3)"
        },
        "handle": {
            "show": false,
            "icon": "M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z",
            "size": 45,
            "margin": 50,
            "color": "#333",
            "shadowBlur": 3,
            "shadowColor": "#aaa",
            "shadowOffsetX": 0,
            "shadowOffsetY": 2,
            "throttle": 40
        }
    }],
    "tooltip": [{
        "trigger": "axis",
        "zlevel": 0,
        "z": 8,
        "show": true,
        "showContent": true,
        "triggerOn": "mousemove|click",
        "alwaysShowContent": false,
        "displayMode": "single",
        "confine": false,
        "showDelay": 0,
        "hideDelay": 100,
        "transitionDuration": 0.4,
        "enterable": false,
        "backgroundColor": "rgba(50,50,50,0.7)",
        "borderColor": "#333",
        "borderRadius": 4,
        "borderWidth": 0,
        "padding": 5,
        "extraCssText": "",
        "axisPointer": {
            "type": "line",
            "axis": "auto",
            "animation": "auto",
            "animationDurationUpdate": 200,
            "animationEasingUpdate": "exponentialOut",
            "crossStyle": {
                "color": "#999",
                "width": 1,
                "type": "dashed",
                "textStyle": {}
            }
        },
        "textStyle": {
            "color": "#fff",
            "fontSize": 14
        }
    }],
    "yAxis": [{
        "type": "value",
        "gridIndex": 0,
        "name": "速度(km/h)",
        "nameGap": 10,
        "nameTextStyle": {
            "fontSize": 10
        },
        "boundaryGap": [0, 0],
        "splitNumber": 5,
        "show": true,
        "zlevel": 0,
        "z": 0,
        "inverse": false,
        "nameLocation": "end",
        "nameRotate": null,
        "nameTruncate": {
            "maxWidth": null,
            "ellipsis": "...",
            "placeholder": "."
        },
        "silent": false,
        "triggerEvent": false,
        "tooltip": {
            "show": false
        },
        "axisPointer": {},
        "axisLine": {
            "show": true,
            "onZero": true,
            "onZeroAxisIndex": null,
            "lineStyle": {
                "color": "#333",
                "width": 1,
                "type": "solid"
            },
            "symbol": ["none", "none"],
            "symbolSize": [10, 15]
        },
        "axisTick": {
            "show": true,
            "inside": false,
            "length": 5,
            "lineStyle": {
                "width": 1
            }
        },
        "axisLabel": {
            "show": true,
            "inside": false,
            "rotate": 0,
            "showMinLabel": null,
            "showMaxLabel": null,
            "margin": 8,
            "fontSize": 12
        },
        "splitLine": {
            "show": true,
            "lineStyle": {
                "color": ["#ccc"],
                "width": 1,
                "type": "solid"
            }
        },
        "splitArea": {
            "show": false,
            "areaStyle": {
                "color": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
            }
        },
        "offset": 0,
        "rangeEnd": null,
        "rangeStart": null
    }, {
        "type": "value",
        "name": "离合力度",
        "nameGap": 10,
        "gridIndex": 0,
        "nameTextStyle": {
            "fontSize": 10
        },
        "boundaryGap": [0, 0],
        "splitNumber": 5,
        "show": true,
        "zlevel": 0,
        "z": 0,
        "inverse": false,
        "nameLocation": "end",
        "nameRotate": null,
        "nameTruncate": {
            "maxWidth": null,
            "ellipsis": "...",
            "placeholder": "."
        },
        "silent": false,
        "triggerEvent": false,
        "tooltip": {
            "show": false
        },
        "axisPointer": {},
        "axisLine": {
            "show": true,
            "onZero": true,
            "onZeroAxisIndex": null,
            "lineStyle": {
                "color": "#333",
                "width": 1,
                "type": "solid"
            },
            "symbol": ["none", "none"],
            "symbolSize": [10, 15]
        },
        "axisTick": {
            "show": true,
            "inside": false,
            "length": 5,
            "lineStyle": {
                "width": 1
            }
        },
        "axisLabel": {
            "show": true,
            "inside": false,
            "rotate": 0,
            "showMinLabel": null,
            "showMaxLabel": null,
            "margin": 8,
            "fontSize": 12
        },
        "splitLine": {
            "show": true,
            "lineStyle": {
                "color": ["#ccc"],
                "width": 1,
                "type": "solid"
            }
        },
        "splitArea": {
            "show": false,
            "areaStyle": {
                "color": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
            }
        },
        "offset": 0,
        "rangeEnd": null,
        "rangeStart": null
    }],
    "xAxis": [{
        "type": "category",
        "name": "时间(s)",
        "data": [0, 0.2, 0.4, 0.6, 0.8, 1, 1.2, 1.4, 1.6, 1.8, 2, 2.2, 2.4, 2.6, 2.8, 3, 3.2, 3.4, 3.6, 3.8, 4, 4.2, 4.4, 4.6, 4.8, 5, 5.2, 5.4, 5.6, 5.8, 6, 6.2, 6.4, 6.6, 6.8, 7, 7.2, 7.4, 7.6, 7.8, 8, 8.2, 8.4, 8.6, 8.8, 9, 9.2, 9.4, 9.6, 9.8, 10, 10.2, 10.4, 10.6, 10.8, 11, 11.2, 11.4, 11.6, 11.8, 12, 12.2, 12.4, 12.6, 12.8, 13, 13.2, 13.4, 13.6, 13.8, 14, 14.2, 14.4, 14.6, 14.8, 15, 15.2, 15.4, 15.6, 15.8, 16, 16.2, 16.4, 16.6, 16.8, 17, 17.2, 17.4, 17.6, 17.8, 18, 18.2, 18.4, 18.6, 18.8, 19, 19.2, 19.4, 19.6, 19.8, 20, 20.2, 20.4, 20.6, 20.8, 21, 21.2, 21.4, 21.6, 21.8, 22, 22.2, 22.4, 22.6, 22.8, 23, 23.2, 23.4, 23.6, 23.8, 24, 24.2, 24.4, 24.6, 24.8, 25, 25.2, 25.4, 25.6, 25.8, 26, 26.2, 26.4, 26.6, 26.8, 27, 27.2, 27.4, 27.6, 27.8, 28, 28.2, 28.4, 28.6, 28.8, 29, 29.2, 29.4, 29.6, 29.8, 30, 30.2, 30.4, 30.6, 30.8, 31, 31.2, 31.4, 31.6, 31.8, 32, 32.2, 32.4, 32.6, 32.8, 33, 33.2, 33.4, 33.6, 33.8, 34, 34.2, 34.4, 34.6, 34.8, 35, 35.2, 35.4, 35.6, 35.8, 36, 36.2, 36.4, 36.6, 36.8, 37, 37.2, 37.4, 37.6, 37.8, 38, 38.2, 38.4, 38.6, 38.8, 39, 39.2, 39.4, 39.6, 39.8, 40, 40.2, 40.4, 40.6, 40.8, 41, 41.2, 41.4, 41.6, 41.8, 42, 42.2, 42.4, 42.6, 42.8, 43, 43.2, 43.4, 43.6, 43.8, 44, 44.2, 44.4, 44.6, 44.8, 45, 45.2, 45.4, 45.6, 45.8, 46, 46.2, 46.4, 46.6, 46.8, 47, 47.2, 47.4, 47.6, 47.8, 48, 48.2, 48.4, 48.6, 48.8, 49, 49.2, 49.4, 49.6, 49.8, 50],
        "boundaryGap": false,
        "gridIndex": 0,
        "nameGap": 3,
        "nameLocation": "end",
        "nameTextStyle": {
            "fontSize": 10
        },
        "deduplication": null,
        "splitLine": {
            "show": false,
            "lineStyle": {
                "color": ["#ccc"],
                "width": 1,
                "type": "solid"
            }
        },
        "axisTick": {
            "alignWithLabel": false,
            "interval": "auto",
            "show": true,
            "inside": false,
            "length": 5,
            "lineStyle": {
                "width": 1
            }
        },
        "axisLabel": {
            "interval": "auto",
            "show": true,
            "inside": false,
            "rotate": 0,
            "showMinLabel": null,
            "showMaxLabel": null,
            "margin": 8,
            "fontSize": 12
        },
        "show": true,
        "zlevel": 0,
        "z": 0,
        "inverse": false,
        "nameRotate": null,
        "nameTruncate": {
            "maxWidth": null,
            "ellipsis": "...",
            "placeholder": "."
        },
        "silent": false,
        "triggerEvent": false,
        "tooltip": {
            "show": false
        },
        "axisPointer": {
            "status": "hide",
            "value": 247,
            "seriesDataIndices": [{
                "seriesIndex": 0,
                "dataIndexInside": 247,
                "dataIndex": 247
            }, {
                "seriesIndex": 1,
                "dataIndexInside": 247,
                "dataIndex": 247
            }]
        },
        "axisLine": {
            "show": true,
            "onZero": true,
            "onZeroAxisIndex": null,
            "lineStyle": {
                "color": "#333",
                "width": 1,
                "type": "solid"
            },
            "symbol": ["none", "none"],
            "symbolSize": [10, 15]
        },
        "splitArea": {
            "show": false,
            "areaStyle": {
                "color": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
            }
        },
        "offset": 0,
        "rangeEnd": null,
        "rangeStart": null
    }],
    "grid": [{
        "left": "40",
        "right": "40",
        "top": "5%",
        "height": "45%",
        "show": false,
        "zlevel": 0,
        "z": 0,
        "containLabel": false,
        "backgroundColor": "rgba(0,0,0,0)",
        "borderWidth": 1,
        "borderColor": "#ccc"
    }],
    "series": [{
        "name": "速度(km/h)",
        "type": "line",
        "smooth": false,
        "data": [0.2301145997643418, 0.021107756663113826, 0.012356528481468591, 0.00912231397815048, 0.0037797411158680323, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.7542352330684619, 3.605135207176225, 5.988164019584703, 7.843884744644107, 8.664093017578109, 9.1125, 9.634369468688986, 10.173655958175692, 10.729980182647672, 11.30263841629024, 11.890374612808293, 12.492478866577162, 13.111609268188513, 13.7491616821284, 14.4010836982728, 15.065043983459136, 15.725979251861327, 16.350300693511347, 16.923297271728384, 17.403911876678546, 17.856423797606784, 18.248718109131072, 18.89479866027773, 18.00931846618714, 17.059871063232436, 16.090467510223153, 15.080014572143902, 14.297000255585282, 13.610652065276545, 13.008193244933473, 12.481017637252853, 11.818635520935068, 11.674054241180439, 11.553136224746675, 11.433671236038226, 11.24985898017877, 10.964739561080961, 10.79070839881897, 10.6554099655152, 10.618063831329293, 10.421018285751304, 10.611053609848057, 10.797473745346032, 10.94716804504392, 10.99434780120845, 11.001676282882718, 11.082797098159782, 11.238379983901945, 11.301918468475305, 11.68032752037049, 12.052199878692669, 12.398260717391977, 12.656880340576215, 12.765221672058045, 12.97640893936133, 13.203166236878017, 13.564800968170754, 13.611852493285825, 14.118805446625155, 14.57776599884021, 14.963670387268564, 15.18769466400168, 15.747052402496447, 16.27719972610522, 16.743444728850864, 17.082611217498815, 17.261805610656435, 17.5844132995608, 17.91576387405389, 18.25020589828464, 18.586858749389858, 18.636802425384627, 17.3100529289245, 16.54589012146013, 15.817069644927555, 15.102666664123968, 14.301408004760162, 13.594136524199856, 13.022871837616368, 12.5246532726288, 12.055302915573126, 11.674385633468665, 11.347769565582265, 11.067748489379866, 10.816599483490032, 10.620699520111115, 10.46273972511289, 10.534746093750002, 10.753250255584762, 11.03429331779475, 11.330917997360284, 11.632078657150286, 11.949734001159662, 12.290392141342116, 12.648239421844492, 13.056337051391234, 15.972555198669266, 25.28224674224832, 33.45206314086893, 31.701863822936833, 29.32848014831553, 27.157015571594258, 25.15375150680557, 23.477780971526546, 22.225040874481248, 20.851261482238847, 19.717408561707074, 18.850466251373472, 17.95921875, 17.295284729004045, 16.66998224258429, 16.181625881195426, 21.72794008254984, 24.212788982390737, 22.74938690185541, 21.373410587311295, 20.291577758789185, 19.25296033859208, 18.227408580779905, 17.232473144531088, 16.234441623688323, 15.19522476196349, 14.389995574951344, 13.81382875442549, 13.550313949584481, 13.404867496491025, 13.53854604721032, 20.68669006347701, 31.04656299591048, 41.558008117675676, 50.50886901855408, 51.060074043273985, 45.64270774841285, 41.49248977661084, 37.93455093383784, 34.46575893402062, 31.625379409789875, 29.403632812500003, 27.162184982299344, 25.035731048583795, 23.312359828949475, 22.098021068573136, 20.985500850677855, 19.941024971007792, 18.96524230957027, 18.103901996612016, 17.37175678253208, 16.75538875579896, 16.242972850800147, 15.824324741364, 15.490737075806065, 15.234653491974147, 15.049526481628702, 14.929636631011345, 14.869978294371986, 14.722844753265699, 14.439815654754241, 14.437073364258099, 14.457327690124657, 13.988725090027344, 13.330346717834784, 12.61124476432799, 10.162034053802467, 0.018826565053314384, 0.01533495001494917, 0.006374167297035422, 0.0013633074250538543, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.034777545221149495, 0.08597007080912579, 0.09325469635427032, 0.033467805795371904, 0.024169131126254594, 0.01660269660875165, 0.023922453224658528, 0.019051826354115987, 0.018158086482435363, 0.016583313792943727, 0.01459438221529123, 0.01284392097964882, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
        "xAxisIndex": 0,
        "yAxisIndex": 0,
        "lineStyle": {
            "color": "rgb(26, 173, 25)",
            "width": 3,
            "type": "solid"
        },
        "itemStyle": {
            "color": "rgb(26, 173, 25)"
        },
        "zlevel": 1,
        "z": 2,
        "coordinateSystem": "cartesian2d",
        "legendHoverLink": true,
        "hoverAnimation": true,
        "clipOverflow": true,
        "label": {
            "position": "top"
        },
        "step": false,
        "smoothMonotone": null,
        "symbol": "emptyCircle",
        "symbolSize": 4,
        "symbolRotate": null,
        "showSymbol": true,
        "showAllSymbol": "auto",
        "connectNulls": false,
        "sampling": "none",
        "animationEasing": "linear",
        "progressive": 0,
        "hoverLayerThreshold": null,
        "emphasis": {
            "label": {}
        }
    }, {
        "name": "离合力度",
        "type": "line",
        "smooth": false,
        "data": [1, 1, 1, 1, 1, 1, 0.97572040557861, 0.78033059835434, 0.58324503898621, 0.37826937437057007, 0.18454855680465998, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.11009490489960005, 0.30514150857924993, 0.52622854709625, 0.70662409067154, 0.91392558813095, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.8731142282486, 0.66799062490463, 0.45851218700409, 0.26372230052948, 0.07233917713165305, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.045679330825806, 0.2605514526367201, 0.4458764791488601, 0.6602680683136, 0.85009002685547, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
        "xAxisIndex": 0,
        "yAxisIndex": 1,
        "itemStyle": {
            "color": "rgb(50, 50, 50)"
        },
        "large": true,
        "zlevel": 1,
        "z": 2,
        "coordinateSystem": "cartesian2d",
        "legendHoverLink": true,
        "hoverAnimation": true,
        "clipOverflow": true,
        "label": {
            "position": "top"
        },
        "lineStyle": {
            "width": 2,
            "type": "solid"
        },
        "step": false,
        "smoothMonotone": null,
        "symbol": "emptyCircle",
        "symbolSize": 4,
        "symbolRotate": null,
        "showSymbol": true,
        "showAllSymbol": "auto",
        "connectNulls": false,
        "sampling": "none",
        "animationEasing": "linear",
        "progressive": 0,
        "hoverLayerThreshold": null,
        "emphasis": {
            "label": {}
        }
    }],
    "markArea": [{
        "zlevel": 0,
        "z": 1,
        "tooltip": {
            "trigger": "item"
        },
        "animation": false,
        "label": {
            "show": true,
            "position": "top"
        },
        "itemStyle": {
            "borderWidth": 0
        },
        "emphasis": {
            "label": {
                "show": true,
                "position": "top"
            }
        }
    }],
    "markLine": [{
        "zlevel": 0,
        "z": 5,
        "symbol": ["circle", "arrow"],
        "symbolSize": [8, 16],
        "precision": 2,
        "tooltip": {
            "trigger": "item"
        },
        "label": {
            "show": true,
            "position": "end"
        },
        "lineStyle": {
            "type": "dashed"
        },
        "emphasis": {
            "label": {
                "show": true
            },
            "lineStyle": {
                "width": 3
            }
        },
        "animationEasing": "linear"
    }],
    "markPoint": [{
        "zlevel": 0,
        "z": 5,
        "symbol": "pin",
        "symbolSize": 50,
        "tooltip": {
            "trigger": "item"
        },
        "label": {
            "show": true,
            "position": "inside"
        },
        "itemStyle": {
            "borderWidth": 2
        },
        "emphasis": {
            "label": {
                "show": true
            }
        }
    }],
    "marker": [],
    "visualMap": [],
    "dataZoom": [],
    "brush": [],
    "legend": []
}
7
option = {
            backgroundColor: '#fff',
            axisPointer: {
                link: {
                    xAxisIndex: 'all',
                },
                label: {
                    backgroundColor: '#777'
                }
            },
            tooltip: {
                trigger: 'axis',
            },
            grid: [
                {
                    left: '40',
                    right: '40',
                    top: '5%',
                    height: '45%'
                }
            ],
            xAxis:[
                {
                    type: 'category',
                    name: '时间(s)',
                    data: xTime,
                    boundaryGap: false,
                    gridIndex: 0,
                    nameGap: 3,
                    nameLocation: 'end',
                    nameTextStyle:{
                        fontSize: 10
                    }
                }
            ],
            yAxis:[
                {
                    type: 'value',
                    gridIndex: 0,
                    name: '速度(km/h)',
                    nameGap: 10,
                    nameTextStyle:{
                        fontSize: 10
                    }
                },
                {
                    type: 'value',
                    name: '离合力度',
                    nameGap: 10,
                    gridIndex: 0,
                    nameTextStyle:{
                        fontSize: 10
                    }
                }
            ],
            series: [
            {
                name:'速度(km/h)',
                type: 'line',
                smooth: false,
                data: p_data[0].analysis.speed_curves.S_Points,
                xAxisIndex: 0,
                yAxisIndex: 0,
                lineStyle:{
                    color: 'rgb(26, 173, 25)',
                    width: 3,
                },
                itemStyle:{
                    color: 'rgb(26, 173, 25)',
                },
                zlevel: 1,
            },
            {
                name:'离合力度',
                type: 'line',
                smooth: false,
                data: p_data[0].analysis.clutch_curves.S_Points,
                xAxisIndex: 0,
                yAxisIndex: 1,
                itemStyle:{
                    color: 'rgb(50, 50, 50)',
                },
                large: true,
                zlevel: 1,
            },
        ]
}

上面那个太长了....

9

同样的options,复制到官网实例里面画出来的就是对的,在我本地就是反的,要疯了,版本也是最新的。

4

检查下本地是不是有额外的 ECharts 文件(比如加载了两个不同版本?)或者额外的代码(复制到官网实例之外的)

1

问题可能找到了,我的场景是这样的,有个下拉框,每次选择2个指标展示,当连续2次选择computed出来的option有相同的数据(比如说series[]里面某项)的时候貌似不会完全触发重绘,在setoption添加第二个参数true就解决了。不过话说回来,我的option确实已经watch到了修改,但是没能完全重绘。

8

相同的数据是不会重绘的,可以用 true 强制,你说得对的。

6

thankyou so much