We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
鼠标悬浮到bar上. 1.6.0时生效, 1.8.3不生效.
const spec = { "type": "common", "region": [ { "clip": true } ], "series": [ { "id": "mainSeries", "type": "bar", "xField": [ "231023165827098", "10001" ], "yField": "10011", "zIndex": 200, "seriesField": "20001", "data": { "id": "mainSeriesData", "values": [ { "10001": "销售额", "10003": "231023165827092", "10011": "2447301.0141382217", "20001": "销售额", "231023165827092": "2447301.0141382217", "231023165827098": "华北" }, { "10001": "销售额", "10003": "231023165827092", "10011": "4684506.442247391", "20001": "销售额", "231023165827092": "4684506.442247391", "231023165827098": "华东" }, { "10001": "销售额", "10003": "231023165827092", "10011": "1303124.5089645386", "20001": "销售额", "231023165827092": "1303124.5089645386", "231023165827098": "西南" }, { "10001": "销售额", "10003": "231023165827092", "10011": "4137415.0951108932", "20001": "销售额", "231023165827092": "4137415.0951108932", "231023165827098": "中南" }, { "10001": "销售额", "10003": "231023165827092", "10011": "815039.5979347229", "20001": "销售额", "231023165827092": "815039.5979347229", "231023165827098": "西北" }, { "10001": "销售额", "10003": "231023165827092", "10011": "2681567.4745378494", "20001": "销售额", "231023165827092": "2681567.4745378494", "231023165827098": "东北LongLongLongLongLongLongLongLongLongLongLongLongLongLong" } ], "fields": { "10001": { "alias": "指标名称 " }, "10011": { "alias": "指标值(主轴) " }, "10012": { "alias": "指标值(次轴) " }, "20001": { "alias": "图例项 ", "domain": [ "销售额", "利润" ], "sortIndex": 0, "lockStatisticsByDomain": true }, "231023165827092": { "alias": "销售额" }, "231023165827095": { "alias": "利润" }, "231023165827098": { "alias": "地区", "domain": [ "东北LongLongLongLongLongLongLongLongLongLongLongLongLongLong", "华北", "华东", "西北", "西南", "中南" ], "sortIndex": 0, "lockStatisticsByDomain": true } } }, "stackInverse": true, "label": { "visible": false, "offset": 3, "overlap": { "hideOnHit": true, "avoidBaseMark": false, "strategy": [ { "type": "position", "position": [] } ], "clampForce": true }, "style": { "fontSize": 12, "fontWeight": "normal", "zIndex": 400, "lineHeight": "100%", "fill": "#363839", "lineWidth": 1.5, "strokeOpacity": 1 }, "position": "inside", "smartInvert": { "fillStrategy": "invertBase", "strokeStrategy": "similarBase", "outsideEnable": true, "mode": "lightness" } }, "line": { "style": { "curveType": { "type": "ordinal", "field": "20001", "range": [ "linear" ], "domain": [ "销售额", "利润" ] }, "lineWidth": { "type": "ordinal", "field": "20001", "range": [ 3 ], "domain": [ "销售额", "利润" ] }, "lineDash": { "type": "ordinal", "field": "20001", "range": [ [ 0, 0 ] ], "domain": [ "销售额", "利润" ] } } }, "area": { "style": { "fillOpacity": 0.35 }, "visible": true }, "point": { "style": { "shape": { "type": "ordinal", "field": "20001", "range": [ "circle" ], "domain": [ "销售额", "利润" ] }, "size": { "type": "ordinal", "field": "20001", "range": [ 7.0898154036220635 ], "domain": [ "销售额", "利润" ] }, "stroke": { "field": "20001", "type": "ordinal", "range": [ "#2E62F1", "#4DC36A" ], "specified": {}, "domain": [ "销售额", "利润" ] }, "strokeOpacity": { "type": "ordinal", "field": "20001", "range": [ 1 ], "domain": [ "销售额", "利润" ] }, "fillOpacity": { "type": "ordinal", "field": "20001", "range": [ 1 ], "domain": [ "销售额", "利润" ] } }, "state": { "hover": { "lineWidth": 2, "fillOpacity": 1, "strokeOpacity": 1, "scaleX": 1.5, "scaleY": 1.5 } } }, "hover": { "enable": true }, "select": { "enable": true }, "bar": { "state": { "hover": { "cursor": "pointer", "fillOpacity": 0.8, "stroke": "#58595B", "lineWidth": 1, "zIndex": 500 }, "selected": { "cursor": "pointer", "fillOpacity": 1, "stroke": "#58595B", "lineWidth": 1 }, "selected_reverse": { "fillOpacity": 0.3, "strokeWidth": 0.3 } } }, "invalidType": "break", "seriesMark": "line", "markOverlap": true, "region": [ { "clip": true } ], "background": "rgba(255, 255, 255, 0)", "animation": false }, { "id": "subSeries", "type": "line", "xField": "231023165827098", "yField": "10012", "zIndex": 300, "seriesField": "20001", "data": { "id": "subSeriesData", "values": [ { "10001": "利润", "10003": "231023165827095", "10012": "431053.2174924314", "20001": "利润", "231023165827095": "431053.2174924314", "231023165827098": "华北" }, { "10001": "利润", "10003": "231023165827095", "10012": "607218.6830426604", "20001": "利润", "231023165827095": "607218.6830426604", "231023165827098": "华东" }, { "10001": "利润", "10003": "231023165827095", "10012": "97636.72803542018", "20001": "利润", "231023165827095": "97636.72803542018", "231023165827098": "西南" }, { "10001": "利润", "10003": "231023165827095", "10012": "670885.3138181865", "20001": "利润", "231023165827095": "670885.3138181865", "231023165827098": "中南" }, { "10001": "利润", "10003": "231023165827095", "10012": "98553.47551815212", "20001": "利润", "231023165827095": "98553.47551815212", "231023165827098": "西北" }, { "10001": "利润", "10003": "231023165827095", "10012": "242191.509221375", "20001": "利润", "231023165827095": "242191.509221375", "231023165827098": "东北LongLongLongLongLongLongLongLongLongLongLongLongLongLong" } ], "fields": { "10001": { "alias": "指标名称 " }, "10011": { "alias": "指标值(主轴) " }, "10012": { "alias": "指标值(次轴) " }, "20001": { "alias": "图例项 ", "domain": [ "销售额", "利润" ], "sortIndex": 0, "lockStatisticsByDomain": true }, "231023165827092": { "alias": "销售额" }, "231023165827095": { "alias": "利润" }, "231023165827098": { "alias": "地区", "domain": [ "东北LongLongLongLongLongLongLongLongLongLongLongLongLongLong", "华北", "华东", "西北", "西南", "中南" ], "sortIndex": 0, "lockStatisticsByDomain": true } } }, "stackInverse": true, "label": { "visible": false, "offset": 3, "overlap": { "hideOnHit": true, "avoidBaseMark": false, "strategy": [ { "type": "position", "position": [ "top", "bottom" ] } ], "clampForce": true }, "style": { "fontSize": 12, "fontWeight": "normal", "zIndex": 400, "lineHeight": "100%", "fill": "#363839", "stroke": "rgba(255, 255, 255, 0.8)", "lineWidth": 1.5, "strokeOpacity": 1 }, "position": "top", "smartInvert": false }, "line": { "style": { "curveType": { "type": "ordinal", "field": "20001", "range": [ "linear" ], "domain": [ "销售额", "利润" ] }, "lineWidth": { "type": "ordinal", "field": "20001", "range": [ 3 ], "domain": [ "销售额", "利润" ] }, "lineDash": { "type": "ordinal", "field": "20001", "range": [ [ 0, 0 ] ], "domain": [ "销售额", "利润" ] } } }, "area": { "style": { "fillOpacity": 0.35 }, "visible": true }, "point": { "style": { "shape": { "type": "ordinal", "field": "20001", "range": [ "circle" ], "domain": [ "销售额", "利润" ] }, "size": { "type": "ordinal", "field": "20001", "range": [ 7.0898154036220635 ], "domain": [ "销售额", "利润" ] }, "stroke": { "field": "20001", "type": "ordinal", "range": [ "#2E62F1", "#4DC36A" ], "specified": {}, "domain": [ "销售额", "利润" ] }, "strokeOpacity": { "type": "ordinal", "field": "20001", "range": [ 1 ], "domain": [ "销售额", "利润" ] }, "fillOpacity": { "type": "ordinal", "field": "20001", "range": [ 1 ], "domain": [ "销售额", "利润" ] } }, "state": { "hover": { "lineWidth": 2, "fillOpacity": 1, "strokeOpacity": 1, "scaleX": 1.5, "scaleY": 1.5 } } }, "hover": { "enable": true }, "select": { "enable": true }, "bar": { "state": { "hover": { "cursor": "pointer", "fillOpacity": 0.8, "stroke": "#58595B", "lineWidth": 1, "zIndex": 500 }, "selected": { "cursor": "pointer", "fillOpacity": 1, "stroke": "#58595B", "lineWidth": 1 }, "selected_reverse": { "fillOpacity": 0.3, "strokeWidth": 0.3 } } }, "invalidType": "break", "seriesMark": "line", "markOverlap": true, "region": [ { "clip": true } ], "background": "rgba(255, 255, 255, 0)", "animation": false } ], "padding": 0, "labelLayout": "region", "data": [ { "id": "data", "values": [ { "10001": "销售额", "10003": "231023165827092", "10011": "2447301.0141382217", "20001": "销售额", "231023165827092": "2447301.0141382217", "231023165827098": "华北" }, { "10001": "销售额", "10003": "231023165827092", "10011": "4684506.442247391", "20001": "销售额", "231023165827092": "4684506.442247391", "231023165827098": "华东" }, { "10001": "销售额", "10003": "231023165827092", "10011": "1303124.5089645386", "20001": "销售额", "231023165827092": "1303124.5089645386", "231023165827098": "西南" }, { "10001": "销售额", "10003": "231023165827092", "10011": "4137415.0951108932", "20001": "销售额", "231023165827092": "4137415.0951108932", "231023165827098": "中南" }, { "10001": "销售额", "10003": "231023165827092", "10011": "815039.5979347229", "20001": "销售额", "231023165827092": "815039.5979347229", "231023165827098": "西北" }, { "10001": "销售额", "10003": "231023165827092", "10011": "2681567.4745378494", "20001": "销售额", "231023165827092": "2681567.4745378494", "231023165827098": "东北LongLongLongLongLongLongLongLongLongLongLongLongLongLong" }, { "10001": "利润", "10003": "231023165827095", "10012": "431053.2174924314", "20001": "利润", "231023165827095": "431053.2174924314", "231023165827098": "华北" }, { "10001": "利润", "10003": "231023165827095", "10012": "607218.6830426604", "20001": "利润", "231023165827095": "607218.6830426604", "231023165827098": "华东" }, { "10001": "利润", "10003": "231023165827095", "10012": "97636.72803542018", "20001": "利润", "231023165827095": "97636.72803542018", "231023165827098": "西南" }, { "10001": "利润", "10003": "231023165827095", "10012": "670885.3138181865", "20001": "利润", "231023165827095": "670885.3138181865", "231023165827098": "中南" }, { "10001": "利润", "10003": "231023165827095", "10012": "98553.47551815212", "20001": "利润", "231023165827095": "98553.47551815212", "231023165827098": "西北" }, { "10001": "利润", "10003": "231023165827095", "10012": "242191.509221375", "20001": "利润", "231023165827095": "242191.509221375", "231023165827098": "东北LongLongLongLongLongLongLongLongLongLongLongLongLongLong" } ], "fields": { "10001": { "alias": "指标名称 " }, "10011": { "alias": "指标值(主轴) " }, "10012": { "alias": "指标值(次轴) " }, "20001": { "alias": "图例项 ", "domain": [ "销售额", "利润" ], "sortIndex": 0, "lockStatisticsByDomain": true }, "231023165827092": { "alias": "销售额" }, "231023165827095": { "alias": "利润" }, "231023165827098": { "alias": "地区", "domain": [ "东北LongLongLongLongLongLongLongLongLongLongLongLongLongLong", "华北", "华东", "西北", "西南", "中南" ], "sortIndex": 0, "lockStatisticsByDomain": true } } } ], "stackInverse": true, "axes": [ { "id": "dimensionAxis", "type": "band", "tick": { "visible": false }, "grid": { "visible": false, "style": { "zIndex": 150, "stroke": "#DADCDD", "lineWidth": 1, "lineDash": [ 4, 2 ] } }, "orient": "bottom", "visible": true, "domainLine": { "visible": true, "style": { "lineWidth": 1, "stroke": "#989999" } }, "title": { "visible": false, "space": 5, "text": "地区", "style": { "fontSize": 12, "fill": "#363839", "fontWeight": "normal" } }, "maxHeight": null, "autoIndent": false, "sampling": false, "zIndex": 200, "label": { "visible": true, "space": 4, "style": { "fontSize": 12, "fill": "#6F6F6F", "angle": 0, "fontWeight": "normal", "direction": "horizontal", "maxLineWidth": 174 }, "autoHide": true, "autoHideMethod": "greedy", "flush": true }, "hover": true, "background": { "visible": true, "state": { "hover": { "fillOpacity": 0.08, "fill": "#141414" }, "hover_reverse": { "fillOpacity": 0.08, "fill": "#141414" } } }, "paddingInner": [ 0.15, 0.1 ], "paddingOuter": [ 0.075, 0.1 ] }, { "id": "measureAxisLeft", "type": "linear", "tick": { "visible": false, "tickMode": "d3", "style": { "stroke": "rgba(255, 255, 255, 0)" } }, "niceType": "accurateFirst", "zIndex": 200, "grid": { "visible": true, "style": { "zIndex": 150, "stroke": "#DADCDD", "lineWidth": 1, "lineDash": [ 4, 2 ] } }, "orient": "left", "visible": true, "domainLine": { "visible": true, "style": { "lineWidth": 1, "stroke": "rgba(255, 255, 255, 0)" } }, "title": { "visible": true, "text": "销售额", "space": 8, "style": { "fontSize": 12, "fill": "#363839", "fontWeight": "normal" } }, "autoIndent": false, "sampling": false, "label": { "visible": true, "space": 6, "flush": true, "padding": 0, "style": { "fontSize": 12, "maxLineWidth": 174, "fill": "#6F6F6F", "angle": 0, "fontWeight": "normal", "dy": -1, "direction": "horizontal" }, "autoHide": true, "autoHideMethod": "greedy" }, "background": { "visible": true, "state": { "hover": { "fillOpacity": 0.08, "fill": "#141414" }, "hover_reverse": { "fillOpacity": 0.08, "fill": "#141414" } } }, "zero": true, "nice": true, "expand": { "max": 0.017 }, "seriesId": "mainSeries" }, { "id": "measureAxisRight", "type": "linear", "tick": { "visible": false, "tickMode": "d3", "style": { "stroke": "rgba(255, 255, 255, 0)" } }, "niceType": "accurateFirst", "zIndex": 200, "grid": { "visible": false, "style": { "zIndex": 150, "stroke": "#DADCDD", "lineWidth": 1, "lineDash": [ 4, 2 ] } }, "orient": "right", "visible": true, "domainLine": { "visible": true, "style": { "lineWidth": 1, "stroke": "rgba(255, 255, 255, 0)" } }, "title": { "visible": true, "text": "利润", "space": 8, "style": { "fontSize": 12, "fill": "#363839", "fontWeight": "normal" } }, "autoIndent": false, "sampling": false, "label": { "visible": true, "space": 6, "flush": true, "padding": 0, "style": { "fontSize": 12, "maxLineWidth": 174, "fill": "#6F6F6F", "angle": 0, "fontWeight": "normal", "dy": -1, "direction": "horizontal" }, "autoHide": true, "autoHideMethod": "greedy" }, "background": { "visible": true, "state": { "hover": { "fillOpacity": 0.08, "fill": "#141414" }, "hover_reverse": { "fillOpacity": 0.08, "fill": "#141414" } } }, "zero": true, "nice": true, "expand": { "max": 0.017 }, "seriesId": "subSeries", "sync": { "axisId": "measureAxisLeft", "zeroAlign": true } } ], "seriesField": "20001", "color": { "field": "20001", "type": "ordinal", "range": [ "#2E62F1", "#4DC36A" ], "specified": {}, "domain": [ "销售额", "利润" ] }, "legends": [ { "type": "discrete", "visible": true, "id": "legend-discrete", "orient": "bottom", "position": "middle", "layoutType": "normal", "maxRow": 1, "title": { "textStyle": { "fontSize": 12, "fill": "#6F6F6F" } }, "layoutLevel": 30, "item": { "focus": true, "focusIconStyle": { "size": 14 }, "maxWidth": 400, "spaceRow": 0, "spaceCol": 0, "padding": { "top": 1, "bottom": 1, "left": 1, "right": 1 }, "background": { "visible": false, "style": { "fillOpacity": 0.001 } }, "label": { "style": { "fontSize": 12, "fill": "#6F6F6F" } }, "shape": { "style": { "lineWidth": 0, "symbolType": "square" } } }, "pager": { "layout": "horizontal", "padding": 0, "textStyle": {}, "space": 0, "handler": { "preShape": "triangleLeft", "nextShape": "triangleRight", "style": {}, "state": { "disable": {} } } }, "padding": { "top": 16, "bottom": 0, "left": 0, "right": 0 } } ], "tooltip": { "handler": {} }, "crosshair": { "xField": { "visible": true }, "gridZIndex": 100 }, "background": "rgba(255, 255, 255, 0)", "brush": { "inBrush": { "fillOpacity": 1, "stroke": "#58595B", "lineWidth": 1, "strokeOpacity": 1, "colorAlpha": 1 }, "outOfBrush": { "colorAlpha": 0.2, "fillOpacity": 0.3, "strokeWidth": 0.3 } }, "hash": "8e9f4459c5dfa6fa2c8aad243e104a1b" } const vchart = new VChart(spec, { dom: CONTAINER_ID }); vchart.renderAsync(); // Just for the convenience of console debugging, DO NOT COPY! window['vchart'] = vchart;
The text was updated successfully, but these errors were encountered:
1.6.6 修复 #1538 导致的问题:
#1545
Sorry, something went wrong.
ffb0573
Merge pull request #1904 from VisActor/fix/issue-1899
79e7c7f
fix: fix the hover state of multiple series, close #1899
xile611
No branches or pull requests
鼠标悬浮到bar上.
1.6.0时生效, 1.8.3不生效.
The text was updated successfully, but these errors were encountered: