+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/MyComponents/LineGraph02/config.ts b/src/packages/components/Charts/MyComponents/LineGraph02/config.ts
new file mode 100644
index 0000000..3f12d2e
--- /dev/null
+++ b/src/packages/components/Charts/MyComponents/LineGraph02/config.ts
@@ -0,0 +1,114 @@
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import { LineGraph02Config } from './index'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+import { chartInitConfig } from '@/settings/designSetting'
+import dataJson from './data.json'
+export interface DataSourceItem {
+ dataname: string;
+ values: number[];
+ datavalues: (string | number)[][];
+}
+export interface DatasType {
+ title: string;
+ names: string[];
+ tip: string;
+ dataIndex: number;
+ dataSource: DataSourceItem[];
+}
+
+
+export const includes = ['legend', 'xAxis', 'yAxis', 'grid']
+export const seriesItem = {
+ type: 'line',
+ smooth: true,
+ symbol: 'none',
+
+ label: {
+ show: false,
+ position: 'top',
+ color: '#fff',
+ fontSize: 12
+ },
+ itemStyle: {
+ color: null,
+ borderRadius: 0
+ },
+ lineStyle: {
+ type: 'solid',
+ width: 2,
+ color: '#50BB9A'
+ },
+ areaStyle: {
+ color: {
+ type: 'linear',
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [{
+ offset: 0,
+ color: 'rgba(80,187,154,0.6)'
+ }, {
+ offset: 1,
+ color: 'rgba(80,187,154,0.3)'
+ }]
+ }
+ }
+}
+export const option = {
+ dataset: {
+ source: dataJson.dataSource[0].datavalues
+ },
+ grid: {
+ left: '15%',
+ right: '12%',
+ top: 9,
+ bottom: '25%'
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ axisLine: {
+ show: false
+ },
+ axisTick: {
+ show: false
+
+ },
+ axisLabel: {
+ color: '#B7BFC6'
+ }
+ },
+
+ yAxis: {
+ type: 'value',
+ axisLabel: {
+ formatter: '{value}s',
+ color: "#4C535B"
+ },
+
+ axisLine: {
+ show: false
+ },
+ axisTick: {
+ show: false
+ }
+ },
+ legend: {
+ show: false
+ },
+ series: [seriesItem]
+};
+
+
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key: string = LineGraph02Config.key
+ public chartConfig = cloneDeep(LineGraph02Config)
+ public mockData = dataJson
+ // 图表配置项
+ public option = echartOptionProfixHandle(option, includes)
+ public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+}
+
diff --git a/src/packages/components/Charts/MyComponents/LineGraph02/config.vue b/src/packages/components/Charts/MyComponents/LineGraph02/config.vue
new file mode 100644
index 0000000..415af52
--- /dev/null
+++ b/src/packages/components/Charts/MyComponents/LineGraph02/config.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+ {{ item.dataname }}
+
+
+
+
+ {{ configData.names[0] }}
+ {{ configData.dataSource[selectedIndex].values[0]?.toLocaleString('en-US')
+ }}
+
+
+ {{ configData.names[1] }}
+ {{ configData.dataSource[selectedIndex].values[1]?.toLocaleString('en-US')
+ }}
+
+
+ {{ configData.names[2] }}
+ {{ configData.dataSource[selectedIndex].values[2]?.toLocaleString('en-US')
+ }}
+
+
+
+ 
+ {{ configData.tip }}
+
+
+
+
+ {{ configData.tip }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.dataname }}
+
+
+
+
+ {{ configData.names[0] }}
+ {{ configData.dataSource[selectedIndex].values[0]?.toLocaleString('en-US')
+ }}
+
+
+ {{ configData.names[1] }}
+ {{ configData.dataSource[selectedIndex].values[1]?.toLocaleString('en-US')
+ }}
+
+
+ {{ configData.names[2] }}
+ {{ configData.dataSource[selectedIndex].values[2]?.toLocaleString('en-US')
+ }}
+
+
+
+
+ {{ configData.tip }}
+
+
+
+
+ {{ configData.tip }}
+