LcapEchartsPie 饼图

• 示例
  • 基本用法
• API
  • Props/Attrs
  • Methods

Chart

饼图

示例

基本用法

<lcap-echarts-pie
    theme=""  
    xAxis="fakeXAxis" 
    yAxis="指标1"
    :titleFontSize=18
    titleFontStyle="normal"
    :allowDownload=true
    :allowShowHint=true
    :allowShowLegend=true
    legendName="数学"
    :showLabelName=true
    :showLabelValue=true
    :showLabelPercent=true
    legendScroll="scroll"
    legendPosition="top"
    undefinedToZero="empty"
    pieType="semiCircle"
    style="--pie-sectors-border-color: red; --label-font-color: blue;"
></lcap-echarts-pie>

API

Props/Attrs

| Prop/Attr | Type | Options | Default | Description | | --------- | ---- | ------- | ------- | ----------- | | data-source | Array<Item> | Function | object | DataSource | | | 表格的数据源，数据集对象或者返回数据集的逻辑 | | data-schema | schema | | | 表格每一行的数据类型 | | undefinedToZero | string | [object Object][object Object] | 'empty' | 设置将未定义的值如undefined，null转换为0或空距 | | initialLoad | boolean | | true | 是否在初始时立即加载 | | xAxis | string | | '' | 设置维度(统计类别) | | yAxis | string | | '' | 设置度量（统计值） | | title | string | | '标题' | 设置主标题 | | theme | string | [object Object][object Object][object Object][object Object] | 'theme1' | 设置图表配色方案 | | showLabelName | boolean | | true | 设置是否显示维度标签 | | showLabelValue | boolean | | true | 设置是否显示数值标签 | | showLabelPercent | boolean | | true | 设置是否显示占比标签 | | allowShowHint | boolean | | true | 设置是否显示提示 | | allowShowLegend | boolean | | true | 设置是否显示图例 | | legendPosition | string | [object Object][object Object][object Object][object Object] | 'bottom' | 设置图例位置 | | legendScroll | string | [object Object][object Object] | 'normal' | 设置图例是否滚动 | | pieType | string | [object Object][object Object][object Object] | 'pie' | undefined | | titleFontStyle | string | [object Object][object Object] | 'normal' | 设置普通文字字号 | | allowDownload | boolean | | true | 允许用户设置保存图片 |

Methods

reload()

刷新数据

| Param | Type | Default | Description | | ----- | ---- | ------- | ----------- |