（给出任务清单参考，做哪些数据的统计分析）Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.
-
- 任务描述
-
-
-
-
- 
算法知识导入
- 
实训任务提交
- 算法知识导入实训任务提交
-
-
+
-
-
- 一、选择指标
-
-
-
-
-
-
-
-
- 确定
-
-
- 二、数据预处理
-
-
-
-
-
-
-
-
-
-
- 三、模型参数设置
-
-
-
- 聚类方法：
-
- 计算
-
-
-
-
-
-
-
- 最小支持度阀值：
-
-
-
-
- 最小置信度：
-
-
-
-
-
+
- 
- 重新开始
-
-
- 重新开始
-
+ 任务描述
+
+ （给出任务清单参考，做哪些数据的统计分析）Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.
+
+
+
+ 算法知识导入
+
+
+
+ 实训任务提交
+
+ 算法知识导入实训任务提交
+
+
-
-
+
-
+ 一、选择指标
+
+
+
+
+
+
+
+
+ 确定
+
+
+ 二、数据预处理
+
+
+
+
+
+
+
+
+
+
+ 三、模型参数设置
+
+
+
+ 聚类方法：
+
+ 计算
+
+
+
+
+
+
+ 最小支持度阀值：
+
+
+
+
+ 最小置信度:
+
+
+
-
-
-
-
- 分析数据：
-
-
-
-
- 分析结果：
- 下载
-
-
-
+
+
+
+
+ 重新开始
+
+ 重新开始
- 实训任务提交
- 
+
+
+ 
+
+
-
-
-
+])
+const input3=ref()
+const options3=ref([
+ {
+ value:'缺失值处理--剔除数据',
+ label:'缺失值处理--剔除数据'
+ },{
+ value:'缺失值处理--均值替换',
+ label:'缺失值处理--均值替换'
+ },
+])
+const input4=ref()
+const options4=ref([
+ {
+ value:'Apriori关联算法',
+ label:'Apriori关联算法'
+ },
+])
+const input5=ref()
+const input6=ref()
+const taskSubmit=()=>{
+ dialogVisible.value=true
+}
+const tableData = ref([
-
-
+
\ No newline at end of file
+}
+
\ No newline at end of file
diff --git a/src/views/digitalMarketingAlgorithms/components/clusterAnalysis.vue b/src/views/digitalMarketingAlgorithms/components/clusterAnalysis.vue
index 771e48c..b904f29 100644
--- a/src/views/digitalMarketingAlgorithms/components/clusterAnalysis.vue
+++ b/src/views/digitalMarketingAlgorithms/components/clusterAnalysis.vue
@@ -1,5 +1,5 @@
-
+
+
+
-
-
+
+
+
+ 分析数据：
+
+
+
+
+ 分析结果：
+ 下载
+
+
+
-
-
-
-
-
-
-
-
+
+
+ 实训任务提交
+
+
+
+
+
+
+
+
+
+
+
+
+ 各簇类特征描述：
+
+
+
+
+
+
+
+
+
- 各簇类特征描述：
-
-
-
-
-
-
-
-
-
-
+
+
+
-
-
-
-
任务描述
确定
- （给出任务清单参考，做哪些数据的统计分析）Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.
@@ -44,7 +44,7 @@
+
二、数据预处理
@@ -67,7 +67,7 @@
/>
-
+
三、模型参数设置
@@ -100,7 +100,7 @@
-
+
重新开始
@@ -118,19 +118,19 @@
重新开始
分析结果：
下载
-
+
-
+
@@ -209,172 +209,97 @@ const { proxy } = getCurrentInstance()
})
})
}
+ const showChart=ref(false)
+ const scrollbar = ref(null);
const fileList=ref([])
const handleChange=(info)=>{
fileList.value.push(info);
}
const flag=ref(false)
+ let myChart;
+ let myChart2;
+ //随机颜色
+ const getRandomColorHex = () => {
+ const randomValue = () => {
+ // 生成 0 到 255 之间的随机整数
+ const value = Math.floor(Math.random() * 256);
+ // 将整数转换为两位十六进制形式
+ return value.toString(16).padStart(2, '0');
+ };
+
+ // 生成RGB颜色
+ let r = randomValue();
+ let g = randomValue();
+ let b = randomValue();
+
+ // 确保颜色与红色对比度较大
+ while (parseInt(r, 16) > 200 && parseInt(g, 16) < 50 && parseInt(b, 16) < 50) {
+ r = randomValue();
+ g = randomValue();
+ b = randomValue();
+ }
+
+ return `#${r}${g}${b}`;
+};
+ //图标添加数据
+ const addData = (myChart, newData,color) => {
+ // 获取当前的数据
+ let currentData = myChart.getOption().series[0].data||[];
+ // 添加新数据集，并为每个数据点单独设置颜色
+ newData.forEach(dataPoint => {
+ currentData.push({
+ value: [dataPoint.x, dataPoint.y],
+ itemStyle: { color: color }
+ });
+ });
+
+ // 更新图表
+ myChart.setOption({
+ series: [
+ {
+ data: currentData
+ }
+ ]
+ });
+};
+
onMounted(()=>{
getList()
var chartDom = document.getElementById('main');
- var myChart = echarts.init(chartDom);
- var option;
- echarts.registerTransform(ecStat.transform.clustering);
-const data = [
- [3.275154, 2.957587],
- [-3.344465, 2.603513],
- [0.355083, -3.376585],
- [1.852435, 3.547351],
- [-2.078973, 2.552013],
- [-0.993756, -0.884433],
- [2.682252, 4.007573],
- [-3.087776, 2.878713],
- [-1.565978, -1.256985],
- [2.441611, 0.444826],
- [-0.659487, 3.111284],
- [-0.459601, -2.618005],
- [2.17768, 2.387793],
- [-2.920969, 2.917485],
- [-0.028814, -4.168078],
- [3.625746, 2.119041],
- [-3.912363, 1.325108],
- [-0.551694, -2.814223],
- [2.855808, 3.483301],
- [-3.594448, 2.856651],
- [0.421993, -2.372646],
- [1.650821, 3.407572],
- [-2.082902, 3.384412],
- [-0.718809, -2.492514],
- [4.513623, 3.841029],
- [-4.822011, 4.607049],
- [-0.656297, -1.449872],
- [1.919901, 4.439368],
- [-3.287749, 3.918836],
- [-1.576936, -2.977622],
- [3.598143, 1.97597],
- [-3.977329, 4.900932],
- [-1.79108, -2.184517],
- [3.914654, 3.559303],
- [-1.910108, 4.166946],
- [-1.226597, -3.317889],
- [1.148946, 3.345138],
- [-2.113864, 3.548172],
- [0.845762, -3.589788],
- [2.629062, 3.535831],
- [-1.640717, 2.990517],
- [-1.881012, -2.485405],
- [4.606999, 3.510312],
- [-4.366462, 4.023316],
- [0.765015, -3.00127],
- [3.121904, 2.173988],
- [-4.025139, 4.65231],
- [-0.559558, -3.840539],
- [4.376754, 4.863579],
- [-1.874308, 4.032237],
- [-0.089337, -3.026809],
- [3.997787, 2.518662],
- [-3.082978, 2.884822],
- [0.845235, -3.454465],
- [1.327224, 3.358778],
- [-2.889949, 3.596178],
- [-0.966018, -2.839827],
- [2.960769, 3.079555],
- [-3.275518, 1.577068],
- [0.639276, -3.41284]
-];
-const redPoints = [
- [4, 3], // 红色点1的坐标
- [-4, -4], // 红色点2的坐标
- [2, -2] // 红色点3的坐标
-];
-var CLUSTER_COUNT = 6;
-var DIENSIION_CLUSTER_INDEX = 2;
-var COLOR_ALL = [
- '#37A2DA',
- '#e06343',
- '#37a354',
- '#b55dba',
- '#b5bd48',
- '#8378EA',
- '#96BFFF'
-];
-var pieces = [];
-for (var i = 0; i < CLUSTER_COUNT; i++) {
- pieces.push({
- value: i,
- label: 'cluster ' + i,
- color: COLOR_ALL[i]
- });
-}
-option = {
- dataset: [
- {
- source: data
- },
- {
- transform: {
- type: 'ecStat:clustering',
- // print: true,
- config: {
- clusterCount: CLUSTER_COUNT,
- outputType: 'single',
- outputClusterIndexDimension: DIENSIION_CLUSTER_INDEX
- }
+ var chartDom2 = document.getElementById('main2');
+ myChart = echarts.init(chartDom);
+ myChart2 = echarts.init(chartDom2);
+ // 初始化图表配置
+ var option = {
+ dataset: [
+ {
+ source: [] // 初始时数据为空
}
- }
- ],
- tooltip: {
- position: 'top'
- },
- visualMap: {
- show: false,
- type: 'piecewise',
- // top: 'middle',
- min: 0,
- max: CLUSTER_COUNT,
- left: 10,
- splitNumber: CLUSTER_COUNT,
- dimension: DIENSIION_CLUSTER_INDEX,
- pieces: pieces
- },
- grid: {
- left: 120
- },
- xAxis: {},
- yAxis: {},
- series: [
- {
- type: 'scatter',
- encode: { tooltip: [0, 1] },
- symbolSize: 15,
- itemStyle: {
- borderColor: '#555'
- },
- datasetIndex: 1
+ ],
+ tooltip: {
+ position: 'top'
},
- {
- type: 'scatter',
- data: redPoints,
- symbolSize: 15,
- symbol: 'circle',
- itemStyle: {
- color: 'red', // 填充颜色
- borderColor: 'red', // 边框颜色
- opacity: 1 // 设置为不透明
- },
- tooltip: {
- formatter: function (params) {
- return params.value[0] + ' ' + params.value[1]; // 显示 X 和 Y 轴的值
+ xAxis: {},
+ yAxis: {},
+ series: [
+ {
+ type: 'scatter',
+ encode: { tooltip: [0, 1] },
+ symbolSize: 15,
+ itemStyle: {
+ borderColor: '#555'
}
}
- }
- ]
-};
+ ]
+ };
-option && myChart.setOption(option);
+ // 设置初始的配置
+ myChart.setOption(option);
+ myChart2.setOption(option);
})
+
const optionData=()=>{
- API.viewingMetrics({userId:JSON.parse(getUserInfo()).userId,tableName:input.value}).then((res)=>{
+ API.viewingMetrics({userId:JSON.parse(getUserInfo()).userId,tableName:input.value,algorithmName:'聚类分析'}).then((res)=>{
tableData.value=[]
res.data.forEach(element => {
tableData.value.push({
@@ -388,10 +313,11 @@ option && myChart.setOption(option);
selectedRows.value = selection;
};
const tableData2=ref([])
+const tableData3=ref([])
const resTable2=ref()
const taskZB=()=>{
flag.value=true
- if(!selectedRows.value){
+ if(selectedRows.value.length===0){
return
}
const sendData={
@@ -470,6 +396,8 @@ const resTable2=ref()
})
}
}
+
+//生产表格
const computation=()=>{
if(input5.value&&input6.value&&input4.value){
const sendData={
@@ -478,11 +406,100 @@ const resTable2=ref()
userId:JSON.parse(getUserInfo()).userId,
deduplicatedDataList:resTable2.value
}
- API.clusterAnalysis(sendData).then((res)=>{
-
+ API.clusterAnalysisPlot(sendData).then((res)=>{
+ showChart.value=true
+ let sex=1
+ tableData3.value=[]
+ res.data.forEach((item,index)=>{
+ const newItem = {};
+ tableLabel.forEach((label,index) => {
+ if(index===0){
+ newItem[label.prop] = '簇'+sex; // 动态设置字段名
+ }else{
+ newItem[label.prop] =''
+ }
+ });
+ newItem['TSuid']=sex
+ sex++
+ tableData3.value.push(newItem);
+ tableData3.value[index].children=[]
+ const children=ref([])
+ item.forEach((item2,sexx)=>{
+ const newItem2 = {};
+ tableLabel.forEach((label,index2) => {
+ newItem2[label.prop] = item2[index2]; // 动态设置字段名
+ });
+ newItem2['TSuid']=''+sex+sexx
+ children.value.push(newItem2)
+ })
+ tableData3.value[index].children=children.value
+ console.log(tableData3.value);
+ })
+ }).then(()=>{
+ API.clusterAnalysis(sendData).then((res)=>{
+ myChart.setOption({
+ series: [
+ {
+ data: [] // 清空数据
+ }
+ ]
+ });
+ myChart2.setOption({
+ series: [
+ {
+ data: [] // 清空数据
+ }
+ ]
+ });
+ Object.keys(res.data.dataSet).forEach(key => {
+ const bgColor=getRandomColorHex()
+ addData(myChart, res.data.dataSet[key],bgColor);
+ addData(myChart2, res.data.dataSet[key],bgColor);
+ });
+ Object.keys(res.data.centroid).forEach(key => {
+ addData(myChart2, res.data.centroid[key],'red');
+ });
+ })
})
+ nextTick(() => {
+ setTimeout(() => {
+ const scrollContainer = scrollbar.value?.$el.querySelector('.el-scrollbar__wrap');
+ if (scrollContainer) {
+ scrollContainer.scrollTo({
+ top: scrollContainer.scrollHeight,
+ behavior: 'smooth' // 平滑滚动
+ });
+ }
+ }, 10);
+ });
}
}
+ const startOver=()=>{
+ myChart.setOption({
+ series: [
+ {
+ data: [] // 清空数据
+ }
+ ]
+ });
+ myChart2.setOption({
+ series: [
+ {
+ data: [] // 清空数据
+ }
+ ]
+ });
+ input.value=''
+ tableData.value=[]
+ tableData2.value=[]
+ tableData3.value=[]
+ input2.value=''
+ input3.value=''
+ input4.value=''
+ input5.value=''
+ input6.value=''
+ showChart.value=false
+ }
-
+