Skip to content

Simple Pie Chart

Examples

Basic Example

vue
<script setup>
const data = {
  Taylor: 31,
  Clark: 71,
  Martin: 55,
  Perez: 89,
  Lewis: 46,
}
</script>

<template>
  <div v-ec="['pieSimple', data]" style="width: 100%; height: 300px;" />
</template>

Parameter Description

IndexTypeRequiredDefault ValueDescription
0pieSimpleYes--
1DataYes-Data
2EcOptionsNo-ECharts Configuration Options

Parameter Types

Data

ts
export type Data = (NumberObject | NumberKeyValuePairArray)[]

EcOptions

ts
export type EcOptions = Partial<EChartsOption>

Released under the MIT License.