import { Chart, ... } from "g2v"


<template>
  <Chart :width="640" :height="480" @before-render="beforerender" @interval-click="intervalclick">
    <SpaceLayer>
      <FetchData value="https://gw.alipayobjects.com/os/bmw-prod/fb9db6b7-23a5-4c23-bbef-c54a55fee580.csv" format="csv" />
      <Interval>
        <Title title="test title" align="center" />
        <Encode name="x" value="letter" />
        <Encode name="y" value="frequency" />
        <FieldEncode name="color" value="letter" />
        <SortX :reverse="true" by="y" />
      </Interval>
      <Interval :x="300" :y="65" :width="300" :height="300" :legend="false">
        <FieldEncode name="y" value="frequency" />
        <Encode name="color" value="letter" />
        <StackY />
        <ThetaCoordinate />
      </Interval>
    </SpaceLayer>
  </Chart>
</template>