#AnnotationHorizontalLine

import { VSeedRender } from '@components'

export default () => {
  const vseedConfig = {
  "chartType": "area",
  "dataset": [
    {
      "date": "2019",
      "profit": 100,
      "sales": 200,
      "count": 500
    },
    {
      "date": "2020",
      "profit": 30,
      "sales": 60,
      "count": 50
    },
    {
      "date": "2021",
      "profit": 30,
      "sales": 60,
      "count": 50
    },
    {
      "date": "2022",
      "profit": 50,
      "sales": 100,
      "count": 50
    },
    {
      "date": "2023",
      "profit": 40,
      "sales": 80,
      "count": 50
    }
  ],
  "annotationHorizontalLine": [
    {
      "yValue": 220.5,
      "text": "Value 220.5"
    },
    {
      "yValue": [
        300,
        30
      ],
      "text": "Reference Line"
    }
  ],
  "dimensions": [
    {
      "id": "date",
      "alias": "Date"
    }
  ],
  "measures": [
    {
      "id": "profit",
      "alias": "Profit"
    },
    {
      "id": "sales",
      "alias": "Sales"
    },
    {
      "id": "count",
      "alias": "Quantity"
    }
  ]
}

  return <VSeedRender vseed={vseedConfig} />
}

import { VSeedRender } from '@components'

export default () => {
  const vseedConfig = {
  "chartType": "line",
  "dataset": [
    {
      "date": "2019",
      "profit": 100,
      "sales": 200,
      "count": 500
    },
    {
      "date": "2020",
      "profit": 30,
      "sales": 60,
      "count": 50
    },
    {
      "date": "2021",
      "profit": 30,
      "sales": 60,
      "count": 50
    },
    {
      "date": "2022",
      "profit": 50,
      "sales": 100,
      "count": 50
    },
    {
      "date": "2023",
      "profit": 40,
      "sales": 80,
      "count": 50
    }
  ],
  "annotationHorizontalLine": {
    "selector": 200,
    "text": "Max Sales"
  },
  "dimensions": [
    {
      "id": "date",
      "alias": "Date"
    }
  ],
  "measures": [
    {
      "id": "profit",
      "alias": "Profit"
    },
    {
      "id": "sales",
      "alias": "Sales"
    },
    {
      "id": "count",
      "alias": "Quantity"
    }
  ]
}

  return <VSeedRender vseed={vseedConfig} />
}