Skip to content
New issue

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

[Bug] brush component throws error #3623

Open
xiaoluoHe opened this issue Dec 27, 2024 · 0 comments
Open

[Bug] brush component throws error #3623

xiaoluoHe opened this issue Dec 27, 2024 · 0 comments
Assignees
Labels
bug Something isn't working

Comments

@xiaoluoHe
Copy link
Contributor

Version

latest

Link to Minimal Reproduction

none

Steps to Reproduce

const spec ={
  "theme": {
      "name": "green",
      "type": "light",
      "fontFamily": "TikTok Text,TikTokFont",
      "colorScheme": {
          "default": [
              "rgb(0, 153, 149)",
              "rgb(254, 194, 76)",
              "rgb(0, 99, 190)",
              "rgb(0, 202, 177)",
              "rgb(153, 136, 235)",
              "rgb(0, 116, 73)",
              "rgb(0, 164, 243)"
          ],
          "funnel": [
              "#028380",
              "#009995",
              "#30ACA9",
              "#5DBEBB",
              "#88CFCD",
              "#B1E0DD",
              "#D9F0EE"
          ]
      },
      "background": "#FFFFFF",
      "component": {
          "title": {
              "textStyle": {
                  "fill": "rgba(0, 0, 0, 0.92)"
              }
          },
          "tooltip": {
              "panel": {
                  "backgroundColor": "rgba(255,255,255,0.95)"
              },
              "shape": {
                  "shapeType": "circle"
              },
              "titleLabel": {
                  "fontSize": 12,
                  "fontWeight": 500,
                  "fill": "rgba(0, 0, 0, 0.92)",
                  "fontFamily": "TikTok Text,TikTokFont"
              },
              "keyLabel": {
                  "fontSize": 12,
                  "fontWeight": "normal",
                  "fill": "rgba(0, 0, 0, 0.92)",
                  "fontFamily": "TikTok Text,TikTokFont"
              },
              "valueLabel": {
                  "fontSize": 12,
                  "fontWeight": 500,
                  "fill": "rgba(0, 0, 0, 0.92)",
                  "fontFamily": "TikTok Text,TikTokFont"
              }
          },
          "dataZoom": {
              "background": {
                  "fill": "rgba(0, 0, 0, 0.35)"
              },
              "backgroundChart": {
                  "area": {
                      "fill": "rgba(67,142,255,0.3)"
                  }
              },
              "selectedBackground": {
                  "fill": "rgba(67,142,255, 0.1)"
              },
              "startHandler": {
                  "fill": "rgb(0, 153, 149)"
              },
              "endHandler": {
                  "fill": "rgb(0, 153, 149)"
              }
          },
          "brush": {
              "style": {
                  "fill": "rgba(67,142,255,0.3)"
              }
          },
          "axisBand": {
              "tick": {
                  "style": {
                      "stroke": "rgba(0, 0, 0, 0.14)"
                  }
              },
              "domainLine": {
                  "style": {
                      "stroke": "rgba(0, 0, 0, 0.04)"
                  }
              },
              "label": {
                  "style": {
                      "fill": "rgba(0, 0, 0, 0.35)"
                  }
              },
              "title": {
                  "style": {
                      "fill": "rgba(0, 0, 0, 0.92)"
                  }
              },
              "grid": {
                  "style": {
                      "stroke": "rgba(0, 0, 0, 0.1)"
                  }
              }
          },
          "axisLinear": {
              "tick": {
                  "style": {
                      "stroke": "rgba(0, 0, 0, 0.14)"
                  }
              },
              "domainLine": {
                  "style": {
                      "stroke": "rgba(0, 0, 0, 0.04)"
                  }
              },
              "label": {
                  "style": {
                      "fill": "rgba(0, 0, 0, 0.35)"
                  }
              },
              "title": {
                  "style": {
                      "fill": "rgba(0, 0, 0, 0.92)"
                  }
              },
              "grid": {
                  "style": {
                      "stroke": "rgba(0, 0, 0, 0.1)"
                  }
              }
          },
          "discreteLegend": {
              "padding": [
                  16,
                  0
              ],
              "item": {
                  "label": {
                      "style": {
                          "fill": "rgba(0, 0, 0, 0.55)"
                      },
                      "state": {
                          "unSelected": {
                              "fill": "rgba(0, 0, 0, 0.35)"
                          }
                      }
                  },
                  "shape": {
                      "style": {
                          "symbolType": "circle",
                          "size": 8
                      }
                  }
              },
              "pager": {
                  "handler": {
                      "style": {
                          "fill": "rgb(0, 153, 149)"
                      },
                      "state": {
                          "disable": {
                              "fill": "rgb(240, 240, 240)"
                          }
                      }
                  }
              }
          },
          "markLine": {
              "line": {
                  "style": {
                      "lineDash": [
                          0
                      ],
                      "stroke": "rgba(0, 0, 0, 0.14)"
                  }
              }
          },
          "markPoint": {
              "itemContent": {
                  "text": {
                      "style": {
                          "fill": "rgba(0, 0, 0, 0.55)",
                          "fontFamily": "TikTok Text,TikTokFont"
                      },
                      "labelBackground": {
                          "style": {
                              "fill": "rgba(240, 240, 240, 1)"
                          }
                      }
                  }
              }
          }
      },
      "series": {
          "gauge": {
              "segment": {
                  "style": {
                      "fill": "rgba(0, 0, 0, 0.1)"
                  }
              }
          },
          "map": {
              "area": {
                  "state": {
                      "hover": {
                          "fill": "rgb(0, 153, 149)"
                      }
                  }
              }
          },
          "scatter": {
              "label": {
                  "visible": false,
                  "offset": 7,
                  "position": "bottom",
                  "style": {
                      "fontSize": 12,
                      "lineWidth": 2,
                      "fill": "rgba(0, 0, 0, 0.55)"
                  }
              }
          },
          "funnel": {
              "outerLabel": {
                  "line": {
                      "style": {
                          "fontSize": 12,
                          "stroke": "rgba(0, 0, 0, 0.1)"
                      }
                  }
              }
          },
          "bar": {
              "label": {
                  "style": {
                      "fontSize": 12,
                      "fill": "rgba(0, 0, 0, 0.35)"
                  }
              }
          }
      }
  },
  "type": "common",
  "seriesField": "color",
  "legends": {
      "orient": "bottom",
      "position": "start",
      "style": {
          "dy": -12
      },
      "item": {
          "shape": {
              "space": 4,
              "style": {
                  "size": 10,
                  "symbolType": "circle"
              }
          }
      },
      "visible": true
  },
  "data": [
      {
          "id": "data-0",
          "values": [
              {
                  "All": 13968,
                  "tag": "All",
                  "time": "1735261200000",
                  "All-amount": "13968",
                  "All-amountFormatted": "13.97K"
              },
              {
                  "All": 13941,
                  "tag": "All",
                  "time": "1735261260000",
                  "All-amount": "13941",
                  "All-amountFormatted": "13.94K"
              },
              {
                  "All": 14189,
                  "tag": "All",
                  "time": "1735261320000",
                  "All-amount": "14189",
                  "All-amountFormatted": "14.19K"
              },
              {
                  "All": 14265,
                  "tag": "All",
                  "time": "1735261380000",
                  "All-amount": "14265",
                  "All-amountFormatted": "14.27K"
              },
              {
                  "All": 14031,
                  "tag": "All",
                  "time": "1735261440000",
                  "All-amount": "14031",
                  "All-amountFormatted": "14.03K"
              },
              {
                  "All": 14154,
                  "tag": "All",
                  "time": "1735261500000",
                  "All-amount": "14154",
                  "All-amountFormatted": "14.15K"
              },
              {
                  "All": 14666,
                  "tag": "All",
                  "time": "1735261560000",
                  "All-amount": "14666",
                  "All-amountFormatted": "14.67K"
              },
              {
                  "All": 14325,
                  "tag": "All",
                  "time": "1735261620000",
                  "All-amount": "14325",
                  "All-amountFormatted": "14.32K"
              },
              {
                  "All": 14602,
                  "tag": "All",
                  "time": "1735261680000",
                  "All-amount": "14602",
                  "All-amountFormatted": "14.60K"
              },
              {
                  "All": 14610,
                  "tag": "All",
                  "time": "1735261740000",
                  "All-amount": "14610",
                  "All-amountFormatted": "14.61K"
              },
              {
                  "All": 14573,
                  "tag": "All",
                  "time": "1735261800000",
                  "All-amount": "14573",
                  "All-amountFormatted": "14.57K"
              },
              {
                  "All": 14865,
                  "tag": "All",
                  "time": "1735261860000",
                  "All-amount": "14865",
                  "All-amountFormatted": "14.87K"
              },
              {
                  "All": 14849,
                  "tag": "All",
                  "time": "1735261920000",
                  "All-amount": "14849",
                  "All-amountFormatted": "14.85K"
              },
              {
                  "All": 15283,
                  "tag": "All",
                  "time": "1735261980000",
                  "All-amount": "15283",
                  "All-amountFormatted": "15.28K"
              },
              {
                  "All": 14667,
                  "tag": "All",
                  "time": "1735262040000",
                  "All-amount": "14667",
                  "All-amountFormatted": "14.67K"
              },
              {
                  "All": 14856,
                  "tag": "All",
                  "time": "1735262100000",
                  "All-amount": "14856",
                  "All-amountFormatted": "14.86K"
              },
              {
                  "All": 14861,
                  "tag": "All",
                  "time": "1735262160000",
                  "All-amount": "14861",
                  "All-amountFormatted": "14.86K"
              },
              {
                  "All": 15225,
                  "tag": "All",
                  "time": "1735262220000",
                  "All-amount": "15225",
                  "All-amountFormatted": "15.22K"
              },
              {
                  "All": 14894,
                  "tag": "All",
                  "time": "1735262280000",
                  "All-amount": "14894",
                  "All-amountFormatted": "14.89K"
              },
              {
                  "All": 15210,
                  "tag": "All",
                  "time": "1735262340000",
                  "All-amount": "15210",
                  "All-amountFormatted": "15.21K"
              },
              {
                  "All": 15195,
                  "tag": "All",
                  "time": "1735262400000",
                  "All-amount": "15195",
                  "All-amountFormatted": "15.20K"
              },
              {
                  "All": 15315,
                  "tag": "All",
                  "time": "1735262460000",
                  "All-amount": "15315",
                  "All-amountFormatted": "15.31K"
              },
              {
                  "All": 15226,
                  "tag": "All",
                  "time": "1735262520000",
                  "All-amount": "15226",
                  "All-amountFormatted": "15.23K"
              },
              {
                  "All": 15504,
                  "tag": "All",
                  "time": "1735262580000",
                  "All-amount": "15504",
                  "All-amountFormatted": "15.50K"
              },
              {
                  "All": 15292,
                  "tag": "All",
                  "time": "1735262640000",
                  "All-amount": "15292",
                  "All-amountFormatted": "15.29K"
              },
              {
                  "All": 15440,
                  "tag": "All",
                  "time": "1735262700000",
                  "All-amount": "15440",
                  "All-amountFormatted": "15.44K"
              },
              {
                  "All": 15301,
                  "tag": "All",
                  "time": "1735262760000",
                  "All-amount": "15301",
                  "All-amountFormatted": "15.30K"
              },
              {
                  "All": 15462,
                  "tag": "All",
                  "time": "1735262820000",
                  "All-amount": "15462",
                  "All-amountFormatted": "15.46K"
              },
              {
                  "All": 15236,
                  "tag": "All",
                  "time": "1735262880000",
                  "All-amount": "15236",
                  "All-amountFormatted": "15.24K"
              },
              {
                  "All": 15210,
                  "tag": "All",
                  "time": "1735262940000",
                  "All-amount": "15210",
                  "All-amountFormatted": "15.21K"
              },
              {
                  "All": 15354,
                  "tag": "All",
                  "time": "1735263000000",
                  "All-amount": "15354",
                  "All-amountFormatted": "15.35K"
              },
              {
                  "All": 15651,
                  "tag": "All",
                  "time": "1735263060000",
                  "All-amount": "15651",
                  "All-amountFormatted": "15.65K"
              },
              {
                  "All": 15147,
                  "tag": "All",
                  "time": "1735263120000",
                  "All-amount": "15147",
                  "All-amountFormatted": "15.15K"
              },
              {
                  "All": 15443,
                  "tag": "All",
                  "time": "1735263180000",
                  "All-amount": "15443",
                  "All-amountFormatted": "15.44K"
              },
              {
                  "All": 15535,
                  "tag": "All",
                  "time": "1735263240000",
                  "All-amount": "15535",
                  "All-amountFormatted": "15.54K"
              },
              {
                  "All": 15231,
                  "tag": "All",
                  "time": "1735263300000",
                  "All-amount": "15231",
                  "All-amountFormatted": "15.23K"
              },
              {
                  "All": 15627,
                  "tag": "All",
                  "time": "1735263360000",
                  "All-amount": "15627",
                  "All-amountFormatted": "15.63K"
              },
              {
                  "All": 15653,
                  "tag": "All",
                  "time": "1735263420000",
                  "All-amount": "15653",
                  "All-amountFormatted": "15.65K"
              },
              {
                  "All": 15481,
                  "tag": "All",
                  "time": "1735263480000",
                  "All-amount": "15481",
                  "All-amountFormatted": "15.48K"
              },
              {
                  "All": 15540,
                  "tag": "All",
                  "time": "1735263540000",
                  "All-amount": "15540",
                  "All-amountFormatted": "15.54K"
              },
              {
                  "All": 15801,
                  "tag": "All",
                  "time": "1735263600000",
                  "All-amount": "15801",
                  "All-amountFormatted": "15.80K"
              },
              {
                  "All": 15949,
                  "tag": "All",
                  "time": "1735263660000",
                  "All-amount": "15949",
                  "All-amountFormatted": "15.95K"
              },
              {
                  "All": 15976,
                  "tag": "All",
                  "time": "1735263720000",
                  "All-amount": "15976",
                  "All-amountFormatted": "15.98K"
              },
              {
                  "All": 16064,
                  "tag": "All",
                  "time": "1735263780000",
                  "All-amount": "16064",
                  "All-amountFormatted": "16.06K"
              },
              {
                  "All": 16038,
                  "tag": "All",
                  "time": "1735263840000",
                  "All-amount": "16038",
                  "All-amountFormatted": "16.04K"
              },
              {
                  "All": 15936,
                  "tag": "All",
                  "time": "1735263900000",
                  "All-amount": "15936",
                  "All-amountFormatted": "15.94K"
              },
              {
                  "All": 15949,
                  "tag": "All",
                  "time": "1735263960000",
                  "All-amount": "15949",
                  "All-amountFormatted": "15.95K"
              },
              {
                  "All": 16047,
                  "tag": "All",
                  "time": "1735264020000",
                  "All-amount": "16047",
                  "All-amountFormatted": "16.05K"
              },
              {
                  "All": 15966,
                  "tag": "All",
                  "time": "1735264080000",
                  "All-amount": "15966",
                  "All-amountFormatted": "15.97K"
              },
              {
                  "All": 16016,
                  "tag": "All",
                  "time": "1735264140000",
                  "All-amount": "16016",
                  "All-amountFormatted": "16.02K"
              },
              {
                  "All": 16632,
                  "tag": "All",
                  "time": "1735264200000",
                  "All-amount": "16632",
                  "All-amountFormatted": "16.63K"
              },
              {
                  "All": 16318,
                  "tag": "All",
                  "time": "1735264260000",
                  "All-amount": "16318",
                  "All-amountFormatted": "16.32K"
              },
              {
                  "All": 16282,
                  "tag": "All",
                  "time": "1735264320000",
                  "All-amount": "16282",
                  "All-amountFormatted": "16.28K"
              },
              {
                  "All": 16264,
                  "tag": "All",
                  "time": "1735264380000",
                  "All-amount": "16264",
                  "All-amountFormatted": "16.26K"
              },
              {
                  "All": 16075,
                  "tag": "All",
                  "time": "1735264440000",
                  "All-amount": "16075",
                  "All-amountFormatted": "16.07K"
              },
              {
                  "All": 16266,
                  "tag": "All",
                  "time": "1735264500000",
                  "All-amount": "16266",
                  "All-amountFormatted": "16.27K"
              },
              {
                  "All": 16676,
                  "tag": "All",
                  "time": "1735264560000",
                  "All-amount": "16676",
                  "All-amountFormatted": "16.68K"
              },
              {
                  "All": 16156,
                  "tag": "All",
                  "time": "1735264620000",
                  "All-amount": "16156",
                  "All-amountFormatted": "16.16K"
              },
              {
                  "All": 16836,
                  "tag": "All",
                  "time": "1735264680000",
                  "All-amount": "16836",
                  "All-amountFormatted": "16.84K"
              },
              {
                  "All": 16455,
                  "tag": "All",
                  "time": "1735264740000",
                  "All-amount": "16455",
                  "All-amountFormatted": "16.45K"
              }
          ]
      },
      {
          "id": "data-1",
          "values": [
              {
                  "All[-1d]": 14121,
                  "tag": "All[-1d]",
                  "time": "1735174800000",
                  "All[-1d]-amount": "14121",
                  "All[-1d]-amountFormatted": "14.12K"
              },
              {
                  "All[-1d]": 14261,
                  "tag": "All[-1d]",
                  "time": "1735174860000",
                  "All[-1d]-amount": "14261",
                  "All[-1d]-amountFormatted": "14.26K"
              },
              {
                  "All[-1d]": 14202,
                  "tag": "All[-1d]",
                  "time": "1735174920000",
                  "All[-1d]-amount": "14202",
                  "All[-1d]-amountFormatted": "14.20K"
              },
              {
                  "All[-1d]": 14020,
                  "tag": "All[-1d]",
                  "time": "1735174980000",
                  "All[-1d]-amount": "14020",
                  "All[-1d]-amountFormatted": "14.02K"
              },
              {
                  "All[-1d]": 14274,
                  "tag": "All[-1d]",
                  "time": "1735175040000",
                  "All[-1d]-amount": "14274",
                  "All[-1d]-amountFormatted": "14.27K"
              },
              {
                  "All[-1d]": 14154,
                  "tag": "All[-1d]",
                  "time": "1735175100000",
                  "All[-1d]-amount": "14154",
                  "All[-1d]-amountFormatted": "14.15K"
              },
              {
                  "All[-1d]": 14381,
                  "tag": "All[-1d]",
                  "time": "1735175160000",
                  "All[-1d]-amount": "14381",
                  "All[-1d]-amountFormatted": "14.38K"
              },
              {
                  "All[-1d]": 14290,
                  "tag": "All[-1d]",
                  "time": "1735175220000",
                  "All[-1d]-amount": "14290",
                  "All[-1d]-amountFormatted": "14.29K"
              },
              {
                  "All[-1d]": 14408,
                  "tag": "All[-1d]",
                  "time": "1735175280000",
                  "All[-1d]-amount": "14408",
                  "All[-1d]-amountFormatted": "14.41K"
              },
              {
                  "All[-1d]": 14453,
                  "tag": "All[-1d]",
                  "time": "1735175340000",
                  "All[-1d]-amount": "14453",
                  "All[-1d]-amountFormatted": "14.45K"
              },
              {
                  "All[-1d]": 14500,
                  "tag": "All[-1d]",
                  "time": "1735175400000",
                  "All[-1d]-amount": "14500",
                  "All[-1d]-amountFormatted": "14.50K"
              },
              {
                  "All[-1d]": 14365,
                  "tag": "All[-1d]",
                  "time": "1735175460000",
                  "All[-1d]-amount": "14365",
                  "All[-1d]-amountFormatted": "14.37K"
              },
              {
                  "All[-1d]": 14714,
                  "tag": "All[-1d]",
                  "time": "1735175520000",
                  "All[-1d]-amount": "14714",
                  "All[-1d]-amountFormatted": "14.71K"
              },
              {
                  "All[-1d]": 14738,
                  "tag": "All[-1d]",
                  "time": "1735175580000",
                  "All[-1d]-amount": "14738",
                  "All[-1d]-amountFormatted": "14.74K"
              },
              {
                  "All[-1d]": 14826,
                  "tag": "All[-1d]",
                  "time": "1735175640000",
                  "All[-1d]-amount": "14826",
                  "All[-1d]-amountFormatted": "14.83K"
              },
              {
                  "All[-1d]": 14909,
                  "tag": "All[-1d]",
                  "time": "1735175700000",
                  "All[-1d]-amount": "14909",
                  "All[-1d]-amountFormatted": "14.91K"
              },
              {
                  "All[-1d]": 14972,
                  "tag": "All[-1d]",
                  "time": "1735175760000",
                  "All[-1d]-amount": "14972",
                  "All[-1d]-amountFormatted": "14.97K"
              },
              {
                  "All[-1d]": 15055,
                  "tag": "All[-1d]",
                  "time": "1735175820000",
                  "All[-1d]-amount": "15055",
                  "All[-1d]-amountFormatted": "15.05K"
              },
              {
                  "All[-1d]": 14954,
                  "tag": "All[-1d]",
                  "time": "1735175880000",
                  "All[-1d]-amount": "14954",
                  "All[-1d]-amountFormatted": "14.95K"
              },
              {
                  "All[-1d]": 15478,
                  "tag": "All[-1d]",
                  "time": "1735175940000",
                  "All[-1d]-amount": "15478",
                  "All[-1d]-amountFormatted": "15.48K"
              },
              {
                  "All[-1d]": 15152,
                  "tag": "All[-1d]",
                  "time": "1735176000000",
                  "All[-1d]-amount": "15152",
                  "All[-1d]-amountFormatted": "15.15K"
              },
              {
                  "All[-1d]": 15036,
                  "tag": "All[-1d]",
                  "time": "1735176060000",
                  "All[-1d]-amount": "15036",
                  "All[-1d]-amountFormatted": "15.04K"
              },
              {
                  "All[-1d]": 15242,
                  "tag": "All[-1d]",
                  "time": "1735176120000",
                  "All[-1d]-amount": "15242",
                  "All[-1d]-amountFormatted": "15.24K"
              },
              {
                  "All[-1d]": 15171,
                  "tag": "All[-1d]",
                  "time": "1735176180000",
                  "All[-1d]-amount": "15171",
                  "All[-1d]-amountFormatted": "15.17K"
              },
              {
                  "All[-1d]": 15287,
                  "tag": "All[-1d]",
                  "time": "1735176240000",
                  "All[-1d]-amount": "15287",
                  "All[-1d]-amountFormatted": "15.29K"
              },
              {
                  "All[-1d]": 15548,
                  "tag": "All[-1d]",
                  "time": "1735176300000",
                  "All[-1d]-amount": "15548",
                  "All[-1d]-amountFormatted": "15.55K"
              },
              {
                  "All[-1d]": 15619,
                  "tag": "All[-1d]",
                  "time": "1735176360000",
                  "All[-1d]-amount": "15619",
                  "All[-1d]-amountFormatted": "15.62K"
              },
              {
                  "All[-1d]": 15669,
                  "tag": "All[-1d]",
                  "time": "1735176420000",
                  "All[-1d]-amount": "15669",
                  "All[-1d]-amountFormatted": "15.67K"
              },
              {
                  "All[-1d]": 15217,
                  "tag": "All[-1d]",
                  "time": "1735176480000",
                  "All[-1d]-amount": "15217",
                  "All[-1d]-amountFormatted": "15.22K"
              },
              {
                  "All[-1d]": 15309,
                  "tag": "All[-1d]",
                  "time": "1735176540000",
                  "All[-1d]-amount": "15309",
                  "All[-1d]-amountFormatted": "15.31K"
              },
              {
                  "All[-1d]": 15703,
                  "tag": "All[-1d]",
                  "time": "1735176600000",
                  "All[-1d]-amount": "15703",
                  "All[-1d]-amountFormatted": "15.70K"
              },
              {
                  "All[-1d]": 15775,
                  "tag": "All[-1d]",
                  "time": "1735176660000",
                  "All[-1d]-amount": "15775",
                  "All[-1d]-amountFormatted": "15.78K"
              },
              {
                  "All[-1d]": 15991,
                  "tag": "All[-1d]",
                  "time": "1735176720000",
                  "All[-1d]-amount": "15991",
                  "All[-1d]-amountFormatted": "15.99K"
              },
              {
                  "All[-1d]": 15593,
                  "tag": "All[-1d]",
                  "time": "1735176780000",
                  "All[-1d]-amount": "15593",
                  "All[-1d]-amountFormatted": "15.59K"
              },
              {
                  "All[-1d]": 15688,
                  "tag": "All[-1d]",
                  "time": "1735176840000",
                  "All[-1d]-amount": "15688",
                  "All[-1d]-amountFormatted": "15.69K"
              },
              {
                  "All[-1d]": 15683,
                  "tag": "All[-1d]",
                  "time": "1735176900000",
                  "All[-1d]-amount": "15683",
                  "All[-1d]-amountFormatted": "15.68K"
              },
              {
                  "All[-1d]": 15886,
                  "tag": "All[-1d]",
                  "time": "1735176960000",
                  "All[-1d]-amount": "15886",
                  "All[-1d]-amountFormatted": "15.89K"
              },
              {
                  "All[-1d]": 15659,
                  "tag": "All[-1d]",
                  "time": "1735177020000",
                  "All[-1d]-amount": "15659",
                  "All[-1d]-amountFormatted": "15.66K"
              },
              {
                  "All[-1d]": 15708,
                  "tag": "All[-1d]",
                  "time": "1735177080000",
                  "All[-1d]-amount": "15708",
                  "All[-1d]-amountFormatted": "15.71K"
              },
              {
                  "All[-1d]": 15824,
                  "tag": "All[-1d]",
                  "time": "1735177140000",
                  "All[-1d]-amount": "15824",
                  "All[-1d]-amountFormatted": "15.82K"
              },
              {
                  "All[-1d]": 15879,
                  "tag": "All[-1d]",
                  "time": "1735177200000",
                  "All[-1d]-amount": "15879",
                  "All[-1d]-amountFormatted": "15.88K"
              },
              {
                  "All[-1d]": 16088,
                  "tag": "All[-1d]",
                  "time": "1735177260000",
                  "All[-1d]-amount": "16088",
                  "All[-1d]-amountFormatted": "16.09K"
              },
              {
                  "All[-1d]": 15878,
                  "tag": "All[-1d]",
                  "time": "1735177320000",
                  "All[-1d]-amount": "15878",
                  "All[-1d]-amountFormatted": "15.88K"
              },
              {
                  "All[-1d]": 16417,
                  "tag": "All[-1d]",
                  "time": "1735177380000",
                  "All[-1d]-amount": "16417",
                  "All[-1d]-amountFormatted": "16.42K"
              },
              {
                  "All[-1d]": 16240,
                  "tag": "All[-1d]",
                  "time": "1735177440000",
                  "All[-1d]-amount": "16240",
                  "All[-1d]-amountFormatted": "16.24K"
              },
              {
                  "All[-1d]": 16608,
                  "tag": "All[-1d]",
                  "time": "1735177500000",
                  "All[-1d]-amount": "16608",
                  "All[-1d]-amountFormatted": "16.61K"
              },
              {
                  "All[-1d]": 16351,
                  "tag": "All[-1d]",
                  "time": "1735177560000",
                  "All[-1d]-amount": "16351",
                  "All[-1d]-amountFormatted": "16.35K"
              },
              {
                  "All[-1d]": 16175,
                  "tag": "All[-1d]",
                  "time": "1735177620000",
                  "All[-1d]-amount": "16175",
                  "All[-1d]-amountFormatted": "16.18K"
              },
              {
                  "All[-1d]": 16132,
                  "tag": "All[-1d]",
                  "time": "1735177680000",
                  "All[-1d]-amount": "16132",
                  "All[-1d]-amountFormatted": "16.13K"
              },
              {
                  "All[-1d]": 16442,
                  "tag": "All[-1d]",
                  "time": "1735177740000",
                  "All[-1d]-amount": "16442",
                  "All[-1d]-amountFormatted": "16.44K"
              },
              {
                  "All[-1d]": 16681,
                  "tag": "All[-1d]",
                  "time": "1735177800000",
                  "All[-1d]-amount": "16681",
                  "All[-1d]-amountFormatted": "16.68K"
              },
              {
                  "All[-1d]": 16370,
                  "tag": "All[-1d]",
                  "time": "1735177860000",
                  "All[-1d]-amount": "16370",
                  "All[-1d]-amountFormatted": "16.37K"
              },
              {
                  "All[-1d]": 16377,
                  "tag": "All[-1d]",
                  "time": "1735177920000",
                  "All[-1d]-amount": "16377",
                  "All[-1d]-amountFormatted": "16.38K"
              },
              {
                  "All[-1d]": 16705,
                  "tag": "All[-1d]",
                  "time": "1735177980000",
                  "All[-1d]-amount": "16705",
                  "All[-1d]-amountFormatted": "16.70K"
              },
              {
                  "All[-1d]": 16329,
                  "tag": "All[-1d]",
                  "time": "1735178040000",
                  "All[-1d]-amount": "16329",
                  "All[-1d]-amountFormatted": "16.33K"
              },
              {
                  "All[-1d]": 16667,
                  "tag": "All[-1d]",
                  "time": "1735178100000",
                  "All[-1d]-amount": "16667",
                  "All[-1d]-amountFormatted": "16.67K"
              },
              {
                  "All[-1d]": 16461,
                  "tag": "All[-1d]",
                  "time": "1735178160000",
                  "All[-1d]-amount": "16461",
                  "All[-1d]-amountFormatted": "16.46K"
              },
              {
                  "All[-1d]": 16638,
                  "tag": "All[-1d]",
                  "time": "1735178220000",
                  "All[-1d]-amount": "16638",
                  "All[-1d]-amountFormatted": "16.64K"
              },
              {
                  "All[-1d]": 16601,
                  "tag": "All[-1d]",
                  "time": "1735178280000",
                  "All[-1d]-amount": "16601",
                  "All[-1d]-amountFormatted": "16.60K"
              },
              {
                  "All[-1d]": 16710,
                  "tag": "All[-1d]",
                  "time": "1735178340000",
                  "All[-1d]-amount": "16710",
                  "All[-1d]-amountFormatted": "16.71K"
              }
          ]
      }
  ],
  "padding": [
      20,
      32,
      10,
      10
  ],
  "tooltip": {
      "mark": {
          "position": "left",
          "content": {}
      },
      "dimension": {
          "position": "left",
          "content": {}
      }
  },
  "crosshair": {
      "xField": {
          "visible": true,
          "line": {
              "type": "line",
              "style": {
                  "lineDash": [
                      0
                  ],
                  "stroke": "#000",
                  "lineWidth": 0.5
              }
          },
          "bindingAxesIndex": [
              0
          ]
      }
  },
  "axes": [
      {
          "id": "leftYAxis",
          "orient": "left",
          "tickCount": 5,
          "exactTickCount": true,
          "zero": true,
          "label": {},
          "seriesId": [
              "line-0-All",
              "line-1-All[-1d]"
          ]
      },
      {
          "orient": "bottom",
          "visible": true,
          "label": {
              "visible": true
          },
          "type": "band",
          "tick": {
              "tickCount": 8
          },
          "seriesIndex": [
              0
          ]
      },
      {
          "orient": "bottom",
          "visible": false,
          "label": {
              "visible": true
          },
          "type": "band",
          "tick": {
              "tickCount": 8
          },
          "seriesIndex": [
              1
          ]
      }
  ],
  "series": [
      {
          "type": "line",
          "id": "line-0-All",
          "dataId": "data-0",
          "name": "All",
          "seriesField": "tag",
          "xField": "time",
          "yField": "All",
          "stack": false,
          "point": {
              "visible": false,
              "state": {
                  "dimension_hover": {
                      "stroke": "#fff",
                      "shadowColor": "rgba(0, 0, 0, 0.08)",
                      "shadowOffsetY": 2,
                      "lineWidth": 2
                  }
              }
          },
          "activePoint": true,
          "line": {
              "style": {
                  "lineWidth": 1
              }
          }
      },
      {
          "type": "line",
          "id": "line-1-All[-1d]",
          "dataId": "data-1",
          "name": "All[-1d]",
          "seriesField": "tag",
          "xField": "time",
          "yField": "All[-1d]",
          "stack": false,
          "point": {
              "visible": false,
              "state": {
                  "dimension_hover": {
                      "stroke": "#fff",
                      "shadowColor": "rgba(0, 0, 0, 0.08)",
                      "shadowOffsetY": 2,
                      "lineWidth": 2
                  }
              }
          },
          "activePoint": true,
          "line": {
              "style": {
                  "lineWidth": 1
              }
          }
      }
  ],
  "color": {
      "type": "ordinal",
      "domain": [
          "All",
          "All[-1d]"
      ],
      "range": [
          "#02A5A0",
          "#306BCF",
          "#9583FF",
          "#507700",
          "#DD68B9",
          "#8D630E",
          "#DF7256",
          "#017976",
          "#6091FF",
          "#616B94"
      ]
  },
  "brush": {
      "visible": true,
      axisIndex:[0,1],
      "removeOnClick": true,
      "brushType": "x",
      "inBrush": {
          "colorAlpha": 1
      },
      "outOfBrush": {
          "colorAlpha": 0.2
      },
      "brushMoved": false,
      "zoomAfterBrush": true
  },
  "markLine": []
}



const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();

vchart.on('brushEnd', (...args) => {
console.log(args)
})

// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;

Current Behavior

image

Expected Behavior

不报错

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

@xiaoluoHe xiaoluoHe added the bug Something isn't working label Dec 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants