我相信任何初学者都会遇到爱丽思欧雅玛的案例。 在数据挖掘、深度学习和机器学习中遇到。 今天我们来看看数据可视化分析的爱丽思欧雅玛。
这次使用的是包含Echarts和d3的pycharm软件，但是因为是html代码，所以需要导入到head标签中
script src=' echarts.min.js '/scriptscriptsrc=' D3.min.js '/script然后在代码块中初始化e charts
//基于准备好的dom，初始化echarts实例varmychart=e charts.init (document.getelementbyid (' main ' ) )； 1 .采集光圈数据并进行分类处理
D3.CSV('./Iris.CSV '，function(error，data ) ) /导入数据var setosa=[]； var versicolor=[]； var virginica=[]； var petal_length=[]； for(I=0； i data.length； I ) { petal _ length.push (parsefloat (data [ I ].petal length )； if(I50 ) setosa [ I ]=[ parsefloat (data [ I ].petal length )、parsefloat(data[I].petalwidth ) else if ] I=100 parsefloat(data[I].petalwidth ) }else ) versi color [ I-50 ]=[ parsefloat ] data [ I ].petal length ]，parsefloat console.log(Versicolor )； console.log(virginica； varsetosa _ mean=D3.mean (petal _ length.slice (0，50 )； varversicolor _ mean=D3.mean (petal _ length.slice (50，100 )； varvirginica _ mean=D3.mean (petal _ length.slice (100，150 )； console.table([setosa_mean，versicolor_mean，virginica_mean] )； //var option={}此部分代码在此处输入mychart.setoption(option ) } var option={ //数据可视化代码mychart.setoption ) ) 2
title:(text: )光圈数据可视化(//标题)、grid: )//页面布局left : (3% )、right : (7% )、Bottom3360 ) 文字提示工具showDelay: 0，Formatter:function(Params ) (if ) Params.value.length1) returnParams.Searams ) )。 } else { return params.series name ' : br/g
t;' + params.name + ' : ' + params.value + 'cm '; } }, axisPointer: { //坐标轴指示器 show: true, type: 'cross', lineStyle: { type: 'dashed', width: 1 } } }, toolbox: { //工具 feature: { dataZoom: {}, brush: { type: ['rect', 'polygon', 'clear'] } } }, brush: {}, legend: { data: ['setosa', 'versicolor', 'virginica'], //标签，三类花 left: 'center', bottom: 10 }, xAxis: [ //x轴数据 { type: 'value', scale: true, axisLabel: { formatter: '{value} cm' }, splitLine: { show: false } } ], yAxis: [ //y轴数据 { type: 'value', scale: true, axisLabel: { formatter: '{value} cm' }, splitLine: { show: false } } ], series: [ //主要代码部分 { name: 'setosa', //第一类鸢尾花 type: 'scatter', emphasis: { focus: 'series' }, data: setosa, markArea: { silent: true, itemStyle: { color: 'transparent', borderWidth: 1, borderType: 'dashed' }, data: [[{ name: 'setosa分布区间', xAxis: 'min', yAxis: 'min' }, { xAxis: 'max', yAxis: 'max' }]] }, markPoint: { data: [ {type: 'max', name: 'Max'}, {type: 'min', name: 'Min'} ] }, markLine: { lineStyle: { type: 'solid' }, data: [ {type: 'average', name: '平均值'}, {xAxis: setosa_mean} ] } }, { name: 'versicolor', //第二类鸢尾花 type: 'scatter', emphasis: { focus: 'series' }, data: versicolor, markArea: { silent: true, itemStyle: { color: 'transparent', borderWidth: 1, borderType: 'dashed' }, data: [[{ name: 'versicolor分布区间', xAxis: 'min', yAxis: 'min' }, { xAxis: 'max', yAxis: 'max' }]] }, markPoint: { data: [ {type: 'max', name: 'Max'}, {type: 'min', name: 'Min'} ] }, markLine: { lineStyle: { type: 'solid' }, data: [ {type: 'average', name: '平均值'}, {xAxis: versicolor_mean} ] } }, { name: 'virginica', //第三类鸢尾花 type: 'scatter', emphasis: { focus: 'series' }, data: virginica, markArea: { silent: true, itemStyle: { color: 'transparent', borderWidth: 1, borderType: 'dashed' }, data: [[{ name: 'virginica分布区间', xAxis: 'min', yAxis: 'min' }, { xAxis: 'max', yAxis: 'max' }]] }, markPoint: { data: [ {type: 'max', name: 'Max'}, {type: 'min', name: 'Min'} ] }, markLine: { lineStyle: { type: 'solid' }, data: [ {type: 'average', name: '平均值'}, {xAxis: virginica_mean} ] } } ] };3.可视化结果
代码有的解释不到位的欢迎各位大佬解答，初学者还不是很熟悉，对于echarts的相关内容可以去官网多了解，完整代码和数据放在我的资源里了