XCharts UTS图表

纯UTS，非webview,canvas绘制。翻译xCharts

示例

<template>
	<t-page title="图表" :is-loading="false" class="p.30">
		<t-card title="UTS图表" sub-title="百度图表翻译,支持多种图表类型和定制化选项，用于深入数据分析和交互式报告，提升业务洞察力。"></t-card>
		<template v-for="(item,index) in chartList" :key='index'>
			<t-section :title="`${item['name']}`" class="mtb.30"></t-section>
			<t-xcharts class="tdb-tdr" :option="item['option']"></t-xcharts>
		</template>
	</t-page>
</template>

<script>
	import { TuiApi } from '@/api/uriApi.uts'
	export default {
		data() {
			return {
				type: 'column',
				chartList: [] as UTSJSONObject[]
			};
		},
		onLoad(e : OnLoadOptions) {
			this.type = `${e['type']}`
		},
		onReady() {
			this.getCharts()
		},
		methods: {
			getCharts() {
				const data = { type: this.type, current: 1, pageSize: 10, uts: true } as UTSJSONObject
				TuiApi('getPagedCharts', data).then(res => {
					this.chartList = res.getArray('data.list') as UTSJSONObject[]
				})
			}
		}
	}
</script>

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

Props

名称	描述	类型	默认值	可选值
option	图表的配置项	Object	{}	-

Events

事件名	描述	回调参数	版本

Slots

名称	描述