import { Static } from '../type-utils'; import type { Simplify } from 'type-fest'; declare const data: import("@sinclair/typebox").TObject<{ template: import("@sinclair/typebox").TString; option: import("@sinclair/typebox").TUnknown; dark: import("@sinclair/typebox").TBoolean; opts: import("@sinclair/typebox").TObject<{}>; }>; declare const properties: import("@sinclair/typebox").TObject<{ echartsInstance: import("@sinclair/typebox").TUnknown; }>; export type DataType = Simplify>; export type PropsType = Simplify>; declare const config: { readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json"; readonly data: import("@sinclair/typebox").TObject<{ template: import("@sinclair/typebox").TString; option: import("@sinclair/typebox").TUnknown; dark: import("@sinclair/typebox").TBoolean; opts: import("@sinclair/typebox").TObject<{}>; }>; readonly properties: import("@sinclair/typebox").TObject<{ echartsInstance: import("@sinclair/typebox").TUnknown; }>; readonly classes: readonly [{ readonly name: "根元素"; readonly selector: ".wd-chart"; readonly description: "树组件根元素"; }, { readonly name: "PC 端按钮根元素"; readonly selector: ".wd-pc-chart"; readonly description: "可以为 PC 端的编写样式"; }, { readonly name: "H5 端按钮根元素"; readonly selector: ".wd-h5-chart"; readonly description: "可以为 H5 端的编写样式"; }]; readonly methods: readonly [{ readonly name: "setOption"; readonly label: "设置图表配置"; readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"]; readonly description: "设置图表实例的配置项以及数据,万能接口,所有参数和数据的修改都可以通过 setOption 完成,您可以直接查看[Echarts官方图表示例](https://echarts.apache.org/zh/api.html#echartsInstance.setOption)"; readonly params: import("@sinclair/typebox").TObject<{ option: import("@sinclair/typebox").TUnknown; opts: import("@sinclair/typebox").TOptional; replaceMerge: import("@sinclair/typebox").TOptional]>>; lazyUpdate: import("@sinclair/typebox").TOptional; }>>; }>; }, { readonly name: "setTheme"; readonly label: "设置主题"; readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"]; readonly description: "设置图表实例的主题,支持设置不同类型的主题,默认有dart、auto,也可以通过Echarts官方提供的[registerTheme方法](https://echarts.apache.org/zh/api.html#echarts.registerTheme)注册主题"; readonly params: import("@sinclair/typebox").TObject<{ theme: import("@sinclair/typebox").TString; }>; }]; readonly events: readonly [{ readonly title: "单击"; readonly name: "click"; readonly description: "当点击图表中的坐标点时触发该方法,具体可以见[Echarts官方事件说明](https://echarts.apache.org/zh/api.html#events.%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6.click)"; readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"]; readonly detail: import("@sinclair/typebox").TUnknown; }, { readonly title: "双击"; readonly name: "dblclick"; readonly description: "当双击图表中的坐标点时触发该方法,具体可以见[Echarts官方事件说明](https://echarts.apache.org/zh/api.html#events.%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6.dblclick)"; readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"]; readonly detail: import("@sinclair/typebox").TUnknown; }]; readonly meta: { readonly name: "Chart"; readonly componentName: "Chart"; readonly title: "通用图表"; readonly description: "通用图表是一个万能图表,可配置出多种图表如折线图、饼状图、面积图、地图、漏斗图、仪表盘等。"; readonly icon: "../../icons/Chart.svg"; readonly category: "图表"; readonly categoryOrder: 600; readonly componentOrder: 570; readonly platform: readonly ["MOBILEWEB", "PCWEB"]; readonly visible: readonly ["APP"]; readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Chart"; readonly group: { readonly 基础: { readonly 'x-index': 1; readonly expand: true; }; readonly 高级属性: { readonly 'x-index': 2; readonly expand: true; }; }; readonly templates: readonly [{ readonly when: "$attached"; readonly to: "$children"; readonly body: "\n{{#with $self as |$self|}}\n\n{{#if (helper_utils '===' $self.attributes.template 'line')}}\n[attributes]\n':option'=\"{\n // X 轴数据\n xAxis: {\n data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n },\n // Y轴 系列数据\n series: [\n {\n data: [150, 230, 224, 218, 135, 147, 260],\n type: 'line', // 图表类型: 折线图line\n name: '分数', // 图例名称\n label: { // 图形标签\n show: true,\n formatter: '{c}' // 标签值,通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n },\n // 线条颜色样式\n lineStyle: {\n color: '#2A70E2' // 折线颜色\n },\n // 折线拐点标志样式\n itemStyle:{\n color: 'auto' // 拐点颜色,默认\n }\n }\n ],\n yAxis: {\n type: 'value' // Y 轴格式,通常无需修改\n },\n // 标题展示\n title: {\n show: true,\n text: '折线图标题',\n x: 'center', //水平居中\n },\n // 图例展示\n legend: {\n show: true,\n bottom: 0\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'empty')}}\n[attributes]\n':option'=\"{\n}\"\n':opts'=\"{\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'square')}}\n[attributes]\n':option'=\"{\n // X 轴数据\n xAxis: {\n data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n },\n // Y轴 系列数据\n series: [\n {\n data: [150, 230, 224, 218, 135, 147, 260],\n type: 'line', // 图表类型: 折线图line\n name: '分数', // 图例名称\n label: { // 图形标签\n show: true,\n formatter: '{c}' // 标签值,通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n },\n // 线条颜色样式\n lineStyle: {\n color: '#2A70E2' // 折线颜色\n },\n // 面积颜色样式\n areaStyle: {\n opacity: 0.7, // 透明度,值为0-1\n color: '#2A70E2' // 面积颜色\n },\n // 折线拐点标志样式\n itemStyle:{\n color: 'auto' // 拐点颜色,默认\n }\n }\n ],\n yAxis: {\n type: 'value' // Y 轴格式,通常无需修改\n },\n // 标题展示\n title: {\n show: true,\n text: '折线图标题',\n x: 'center', //水平居中\n },\n // 图例展示\n legend: {\n show: true,\n bottom: 0\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'bar')}}\n[attributes]\n':option'=\"{\n // X 轴数据\n xAxis: {\n data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n },\n // Y轴 系列数据\n series: [\n {\n data: [150, 230, 224, 218, 135, 147, 260],\n type: 'bar', // 图表类型:柱状图bar\n name: '分数', // 图例名称\n label: { // 图形标签\n show: true,\n formatter: '{c}' // 标签值,通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n },\n // 线条颜色样式\n lineStyle: {\n color: '#2A70E2' // 折线颜色\n },\n // 折线拐点标志样式\n itemStyle:{\n color: 'auto' // 拐点颜色,默认\n }\n }\n ],\n yAxis: {\n type: 'value' // Y 轴格式,通常无需修改\n },\n // 标题展示\n title: {\n show: true,\n text: '柱状图标题',\n x: 'center', //水平居中\n },\n // 图例展示\n legend: {\n show: true,\n bottom: 0\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'pie')}}\n[attributes]\n':option'=\"{\n // 饼图数据\n series: [\n {\n type: 'pie', //图表类型:饼状图\n data: [\n {\n value: 1080,\n name: '一月份',\n itemStyle: {\n color: '#587' //饼图颜色\n }\n },\n { value: 735, name: '二月份' },\n { value: 580, name: '三月份' },\n { value: 484, name: '四月份' },\n { value: 300, name: '五月份' }\n ],\n // 图形上的文本标签\n label: {\n show:true,\n position: 'outside' // outside|inside|inner|center\n } ,\n radius: '50%', //半径\n }\n ],\n title: {\n text: '饼状图标题',\n x: 'center'\n },\n tooltip: {\n trigger: 'item'\n },\n legend: {\n show: true,\n bottom: 0\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'scatter')}}\n[attributes]\n':option'=\"{\n // 图表数据\n series: [\n {\n type: 'scatter', //图表类型:散点(气泡)图\n data: [\n [0, 2], // 横纵坐标的值 [x,y]\n [10.0, 8.04],\n [8.07, 6.95],\n [13.0, 7.58],\n [9.05, 8.81],\n [11.0, 8.33],\n [14.0, 7.66],\n [13.4, 6.81],\n [10.0, 6.33],\n [14.0, 8.96],\n [12.5, 6.82],\n [9.15, 7.2],\n [11.5, 7.2],\n [3.03, 4.23],\n [12.2, 7.83],\n [2.02, 4.47],\n [1.05, 3.33],\n [4.05, 4.96],\n [6.03, 7.24],\n [12.0, 6.26],\n [12.0, 8.84],\n [7.08, 5.82],\n [5.02, 5.68]\n ],\n name: '系列1',\n color: '#2A70E2', //标记颜色\n symbolSize: 20 // 标记大小\n }\n ],\n xAxis: {},\n yAxis: {},\n title: {\n text: '散点图标题',\n x: 'center'\n },\n legend: {\n show: true,\n bottom: 0\n }\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'gauge')}}\n[attributes]\n':option'=\"{\n // 仪表盘数据\n series: [\n {\n // 数据\n data: [\n {\n value: 50,\n name: '得分'\n }\n ],\n detail: {\n formatter: '{value}'\n },\n name: '比赛结果',//图表名称,在图表提示中获取\n type: 'gauge',// 图表类型:仪表盘gauge\n }\n ],\n // 图表提示\n tooltip: {\n formatter: '{a}{b} : {c}'\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{/if}}\n{{/with}}\n"; }, { readonly when: "template"; readonly to: "$children"; readonly body: "\n{{#with $self as |$self|}}\n\n{{#if (helper_utils '===' $self.attributes.template 'line')}}\n[attributes]\n':option'=\"{\n // X 轴数据\n xAxis: {\n data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n },\n // Y轴 系列数据\n series: [\n {\n data: [150, 230, 224, 218, 135, 147, 260],\n type: 'line', // 图表类型: 折线图line\n name: '分数', // 图例名称\n label: { // 图形标签\n show: true,\n formatter: '{c}' // 标签值,通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n },\n // 线条颜色样式\n lineStyle: {\n color: '#2A70E2' // 折线颜色\n },\n // 折线拐点标志样式\n itemStyle:{\n color: 'auto' // 拐点颜色,默认\n }\n }\n ],\n yAxis: {\n type: 'value' // Y 轴格式,通常无需修改\n },\n // 标题展示\n title: {\n show: true,\n text: '折线图标题',\n x: 'center', //水平居中\n },\n // 图例展示\n legend: {\n show: true,\n bottom: 0\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'empty')}}\n[attributes]\n':option'=\"{\n}\"\n':opts'=\"{\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'square')}}\n[attributes]\n':option'=\"{\n // X 轴数据\n xAxis: {\n data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n },\n // Y轴 系列数据\n series: [\n {\n data: [150, 230, 224, 218, 135, 147, 260],\n type: 'line', // 图表类型: 折线图line\n name: '分数', // 图例名称\n label: { // 图形标签\n show: true,\n formatter: '{c}' // 标签值,通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n },\n // 线条颜色样式\n lineStyle: {\n color: '#2A70E2' // 折线颜色\n },\n // 面积颜色样式\n areaStyle: {\n opacity: 0.7, // 透明度,值为0-1\n color: '#2A70E2' // 面积颜色\n },\n // 折线拐点标志样式\n itemStyle:{\n color: 'auto' // 拐点颜色,默认\n }\n }\n ],\n yAxis: {\n type: 'value' // Y 轴格式,通常无需修改\n },\n // 标题展示\n title: {\n show: true,\n text: '折线图标题',\n x: 'center', //水平居中\n },\n // 图例展示\n legend: {\n show: true,\n bottom: 0\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'bar')}}\n[attributes]\n':option'=\"{\n // X 轴数据\n xAxis: {\n data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n },\n // Y轴 系列数据\n series: [\n {\n data: [150, 230, 224, 218, 135, 147, 260],\n type: 'bar', // 图表类型:柱状图bar\n name: '分数', // 图例名称\n label: { // 图形标签\n show: true,\n formatter: '{c}' // 标签值,通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n },\n // 线条颜色样式\n lineStyle: {\n color: '#2A70E2' // 折线颜色\n },\n // 折线拐点标志样式\n itemStyle:{\n color: 'auto' // 拐点颜色,默认\n }\n }\n ],\n yAxis: {\n type: 'value' // Y 轴格式,通常无需修改\n },\n // 标题展示\n title: {\n show: true,\n text: '柱状图标题',\n x: 'center', //水平居中\n },\n // 图例展示\n legend: {\n show: true,\n bottom: 0\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'pie')}}\n[attributes]\n':option'=\"{\n // 饼图数据\n series: [\n {\n type: 'pie', //图表类型:饼状图\n data: [\n {\n value: 1080,\n name: '一月份',\n itemStyle: {\n color: '#587' //饼图颜色\n }\n },\n { value: 735, name: '二月份' },\n { value: 580, name: '三月份' },\n { value: 484, name: '四月份' },\n { value: 300, name: '五月份' }\n ],\n // 图形上的文本标签\n label: {\n show:true,\n position: 'outside' // outside|inside|inner|center\n } ,\n radius: '50%', //半径\n }\n ],\n title: {\n text: '饼状图标题',\n x: 'center'\n },\n tooltip: {\n trigger: 'item'\n },\n legend: {\n show: true,\n bottom: 0\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'scatter')}}\n[attributes]\n':option'=\"{\n // 图表数据\n series: [\n {\n type: 'scatter', //图表类型:散点(气泡)图\n data: [\n [0, 2], // 横纵坐标的值 [x,y]\n [10.0, 8.04],\n [8.07, 6.95],\n [13.0, 7.58],\n [9.05, 8.81],\n [11.0, 8.33],\n [14.0, 7.66],\n [13.4, 6.81],\n [10.0, 6.33],\n [14.0, 8.96],\n [12.5, 6.82],\n [9.15, 7.2],\n [11.5, 7.2],\n [3.03, 4.23],\n [12.2, 7.83],\n [2.02, 4.47],\n [1.05, 3.33],\n [4.05, 4.96],\n [6.03, 7.24],\n [12.0, 6.26],\n [12.0, 8.84],\n [7.08, 5.82],\n [5.02, 5.68]\n ],\n name: '系列1',\n color: '#2A70E2', //标记颜色\n symbolSize: 20 // 标记大小\n }\n ],\n xAxis: {},\n yAxis: {},\n title: {\n text: '散点图标题',\n x: 'center'\n },\n legend: {\n show: true,\n bottom: 0\n }\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'gauge')}}\n[attributes]\n':option'=\"{\n // 仪表盘数据\n series: [\n {\n // 数据\n data: [\n {\n value: 50,\n name: '得分'\n }\n ],\n detail: {\n formatter: '{value}'\n },\n name: '比赛结果',//图表名称,在图表提示中获取\n type: 'gauge',// 图表类型:仪表盘gauge\n }\n ],\n // 图表提示\n tooltip: {\n formatter: '{a}{b} : {c}'\n },\n}\"\n':opts'=\"{\n height: 'auto', // 默认auto,单位px\n width: 'auto'\n}\"\n\n{{/if}}\n{{/with}}\n"; }]; readonly inlineStyleForm: { readonly fontSize: { readonly visible: false; }; readonly color: { readonly visible: false; }; readonly fontWeight: { readonly visible: false; }; readonly lineHeight: { readonly visible: false; }; readonly justifyContent: { readonly visible: false; }; readonly flexDirection: { readonly visible: false; }; readonly border: { readonly visible: false; }; readonly background: { readonly visible: false; }; readonly boxShadow: { readonly visible: false; }; readonly opacity: { readonly visible: false; }; readonly alignItems: { readonly visible: false; }; }; }; }; export default config;