《数据可视化》期末考试复习题库（含答案）

PAGEPAGE1《数据可视化》期末考试复习题库（含答案）一、单选题1.echarts柱状图的xAxis下type的类型没有（）。A、categoryB、valueC、timeD、ouble答案：D2.颜色可以是16进制颜色代码，也可是（）A、rgbB、2进制C、8进制D、十进制答案：A3.在html中引入echart.js需要放到（）里。A、scriptB、styleC、titleD、iv答案：A4.echarts现在放在哪个平台运营？A、pacheB、github.C、qq.D、日本广岛.答案：A5.echarts柱状图中，（）是代表竖轴A、xAxisB、yAxisC、xzhouD、yzhou答案：B6.tooltip.textStyle.fontStyle="normal"，表示提示框文字的（）。A、样式B、颜色C、格式D、没意义答案：A7.标题titile配置项中，有一个subtext，它指的是（）A、副标题文本B、标题文本C、地铁D、潜水艇标识答案：A8.下面有关CSS盒子模型的说法中，正确的是（）。A、margin不属于元素的一部分，因为它不在边框内部B、padding又称为“补白”，指的是边框到“父元素”或“兄弟元素”之间的那一部分C、“margin:20px40px60px80px;”表示margin-top为20px，margin-left为40px，margin-bottom为60px，margin-right为80px。D、width和height只是针对内容区（content）而言的，不包括内边距（padding）。答案：D9.echarts是哪个公司出品的？A、百度B、微软C、腾讯D、阿里答案：A10.从（）页面引入echarts.js，后即可使用A、c端B、后端C、前端D、s端答案：C11.从官网网站中下载所需的echarts.js文件，该文件因功能广泛，包体较大，可自行决定（）下载。A、按需打包B、按量打包C、按人头打包D、按操作系统答案：A12.echarts的X轴和Y轴互换只需要更改（）。A、xAxis和yAxisB、0Axis和1AxisC、xzhou和yzhouD、legend答案：A13.pacheECharts提供了多种安装方式，你可以根据项目的实际情况选择以下任意一种方式安装。从GitHub获取、从npm获取、从CDN获取、（）A、在线定制B、中国人定制C、美国人定制D、德国人定制答案：A14.echarts柱状图中，（）是代表横轴A、xAxisB、yAxisC、xzhouD、yzhou答案：A15.legend是echart图表的（）。A、工具提示B、图例C、y轴D、x轴答案：B16.不可以通过（）渠道，关注echarts官方内容A、githubB、微博C、twitterD、qq空间答案：D17.散点图的type属性值为（）。A、pie'B、scatterC、noneD、null&sandian答案：B18.echarts.js是百度团队推出的一款用于图表可视化的插件，用于以图表的形式展现数据，功能强大，上手（）。A、困难B、简单C、极度困难D、没用答案：B19.下列不属于官方说的echarts特性的是（）？A、丰富的图标类型B、强劲的渲染引擎C、专业的数据分析D、完美的程序破解答案：D20.前端三剑客是（）？A、html、css、jsB、jquery、vue、jsC、echarts、js、cssD、html、java、css答案：A21.调色盘，可以在（）中设置。它给定了一组颜色，图形、系列会自动从其中选择颜色。可以设置全局的调色盘，也可以设置系列自己专属的调色盘。A、mychartsB、optionC、setD、color答案：B22.shadowColor是饼图的（）。A、饼图颜色B、提示框颜色C、阴影颜色D、文字颜色答案：C23.下列不属于yAxis的属性的是（）A、nameB、typeC、fontWeightD、js答案：D24.echart的初始化结果需要放到一个（）进行保存。A、变量B、int变量C、float变量D、表格答案：A25.饼图中，itemStyle属性的shadowOffsetX表示的是（）。A、阴影B、阴影垂直偏移C、阴影水平偏移D、阴影模糊度答案：C26.ECharts由（）团队开源。A、百度B、阿里C、腾讯D、字节跳动答案：A27.如果图表容器不存在宽度和高度，或者，你希望图表宽度和高度不等于容器大小，也可以在（）的时候指定大小。A、自动化B、初始化C、网络化D、参数化答案：B28.下面有关说法中，正确的是（）A、JavaScript其实就是Java，只是叫法不同而已B、如果一个页面加入JavaScript，那么这个页面就是动态页面C、在实际开发中，大多数情况下都是使用外部JavaScriptD、内部JavaScript，指的就是把HTML和JavaScript放在不同的文件中答案：C29.echarts初始化的id，需要和（）的id保持一致。A、容器B、表格C、图标D、img答案：A30.下面哪个属性用于定义外边距？（）A、contentB、paddingC、borderD、margin答案：D31.初始化时，需要注意的是，使用这种方法在调用echarts.init时需保证容器已经有（）和高度了。A、宽度B、长度C、广度D、神裤答案：A32.echarts中，饼图的type是（）。A、pieB、arC、lineD、radar答案：A33.echarts中，折线图的type是（）。A、pieB、lineC、barD、nonw答案：B34.css是网站的（）。A、骨骼B、外貌、肉体、服饰C、灵魂、动作D、啥也不是答案：B35.下面有一个数组，该数组中数值最小的和数值最大的元素下标分别是（）。vararr=[1,2,5,0,5,88]A、3,5B、4,6C、0,-5D、0,0答案：A36.如下哪个js文件最小？A、echart.min.jsB、echarts.max.jsC、12306.projectD、echarts.js答案：A37.在HTML中嵌入JavaScript，应该使用的标签是（）A、scriptB、styleC、headD、table答案：A38.在echarts初始化的时候，需要对容器进行初始化，如何获取容器A、document.getElementById()B、documentEcharts.getElementById()C、dom.getElementById()D、getElementById()答案：A39.想要图例去右边，可以将left设置成（）A、leftB、50C、enterD、right答案：D40.在绘制图标前，需要提前（）。A、引入echarts.jsB、项目里有echarts就可以C、引入echarts.cssD、引入echarts.html答案：A41.标题titile配置项中，有一个text，它指的是（）A、副标题文本B、主标题文本C、标题颜色D、无意义答案：B42.ECharts5除了一贯的默认主题外，还内置了（）主题。可以像这样切换成深色模式。A、darkB、深色C、黑色D、shense答案：A43.js指的是javascript，它是前端的（）。A、三剑客之一B、外貌C、骨骼D、大哥答案：A44.echarts中，柱状图的type是（）。A、radarB、arC、pieD、line答案：B45.ECharts是一款基于()的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会。A、javaScriptB、cssC、htmlD、python答案：A46.下面哪个属性用于定义内边距？（）A、contentB、paddingC、marginD、border答案：B47.玫瑰图指的是在（）为基础上的自定义修改。A、散点图B、饼图C、柱状图D、折线图答案：B48.下列不属于盒子模型的是（）。A、marginB、paddingC、ontentD、color答案：D49.在CSS中，“clear:both;”的作用是（）。A、清除该元素的所有样式B、清除该元素的父元素的所有样式C、清除该元素的兄弟元素浮动之后带来的影响D、清除该元素的父元素浮动之后带来的影响答案：C50.tooltip需要设置（）对提示框的文本进行描述。A、textStyleB、testStyleC、textD、word答案：A51.下列不属于xAxis的属性的是（）A、idB、showC、positionD、css答案：D52.echarts可以做？A、ppB、可视化平台C、exe客户端D、啥也做不了答案：B53.饼图中radius:"50%"，代表这饼图的（）A、半径B、弧度C、直径D、外切答案：A54.数据可视乎的数据不应该是固定的数据，应该是实时变化的，它应该是（）。A、静态的B、不需要数据的C、动态的D、没有意义答案：C55.在2022年全国职业院校技能大赛大数据技术赛项中，数据可视化使用的是（）。A、pychartB、echartsC、excel图标D、画图工具答案：B56.echarts图标需要设置一个（），用来存放A、容器B、被子C、图片D、title答案：A57.tooltip.textStyle.fontWeight指的是提示框文字的（）A、高度B、粗细C、长度D、样式答案：B58.shadowBlur是饼图的（）。A、阴影模糊度B、背景颜色C、影子D、半径答案：A59.配置标题的颜色，需要在title配置项目中添加（）。A、colorB、yanseC、#886956D、rgb(255,15,66)答案：A60.下面选项中，属于JavaScript正确注释方式是（）.A、/****/B、//C、#答案：A61.java和javascript有（）关系。A、java是它爸爸B、没关系C、都是一个人开发的D、不知道答案：B62.想让图例去中间，left属性的值应该是（）。A、leftB、centerC、rightD、auto答案：B63.html是网站的（）。A、骨骼B、肉体、服饰C、灵魂D、啥也不是答案：A64.下列不属于官方说的echarts特性的是（）？A、优雅的可视化设计B、健康的开源社区C、友好的无障碍访问D、特殊的运行环境答案：D65.（）年初，捐赠给Apchae基金会，成为ASF孵化级项目。A、2050B、2018C、1999D、1998答案：B66.数据集（）是专门用来管理数据的组件A、datasetB、dataC、echartsdataD、atacolloet答案：A67.echart初始化需要使用的函数是（）？A、echarts.clear()B、echarts.chushihua()C、()D、echarts.init()答案：D68.学习echarts之前，一定要掌握一定的（）知识A、前端B、后端C、客户端开发D、app开发答案：A69.echarts柱状图，横轴想标识各个人员信息，适合使用（）类型。A、categoryB、timeC、vauleD、log答案：A70.tooltip.textStyle.color="#fff",表示（）A、提示框字体颜色是白色B、提示框字体颜色是蓝色C、提示框字体颜色是红色D、提示框字体颜色是黑色答案：A71.ECharts，一个使用JavaScript实现的（）可视化库A、开源B、闭源C、pythonD、html答案：A72.图例需要输入（）。A、tooptipB、legendC、xaxisD、yaxis答案：B73.tooltip下的show的内容需要为（）时，可以显示提示框A、trueB、falseC、TD、F答案：A74.下列哪个是echarts的网址？A、B、C、D、答案：A75.在有些场景下，我们希望当容器大小改变时，图表的大小也相应地改变，这时候需要设置（）。A、父级容器B、响应容器C、auto容器D、子类容器答案：B76.通常来说，需要在（）中先定义一个节点，并且通过CSS使得该节点具有宽度和高度。初始化的时候，传入该节点，图表的大小默认即为该节点的大小，除非声明了opts.width或opts.height将其覆盖。A、pythonB、jsC、ssD、html答案：D77.颜色可以是16进制颜色代码，也可是（）A、英语单词B、hlvC、olorD、其他都不可以答案：A78.echarts中，将option绑定给图标的函数是（）。A、setOptionB、setValueC、setRunD、都不是答案：A79.如果想要从函数返回一个值，必须使用哪一个关键字？（）A、pushB、exportC、returnD、post答案：C80.如果一个网站没有（），就不能使用echarts。A、jsB、cssC、htmlD、以上全是答案：D判断题1.css可以修改网站的外貌A、正确B、错误答案：A2.echarts图表需要设置一个容器，用来存放。A、正确B、错误答案：A3.tooltip需要设置textStyle对提示框的文本进行描述。A、正确B、错误答案：A4.初始化时，需要注意的是，使用这种方法在调用echarts.init时需保证容器已经有宽度和高度了。A、正确B、错误答案：A5.echarts初始化的id，需要和容器的id保持一致。A、正确B、错误答案：A6.echarts中，饼图的type是pieA、正确B、错误答案：A7.JavaScript语言的语法类似java语言。A、正确B、错误答案：B8.JavaScript中的方法名不区分大小写。A、正确B、错误答案：B9.散点图的type属性值为lineA、正确B、错误答案：B10.玫瑰图指的是以饼图为基础上的自定义修改。A、正确B、错误答案：A11.ECharts5除了一贯的默认主题外，还内置了dark主题。可以像这样切换成深色模式。A、正确B、错误答案：A12.标题titile配置项中，有一个subtext，它指的是副文本标题A、正确B、错误答案：A13.中国人不用学大数据，因为中国人人多A、正确B、错误答案：B14.标题titile配置项中，有一个text，它指的是主文本标题A、正确B、错误答案：A15.人工智能时代的到来，让大数据专业更加有前景。A、正确B、错误答案：A16.数据集dataset是专门用来管理数据的组件A、正确B、错误答案：A17.java和javascript没有关系。A、正确B、错误答案：A18.图例需要输入tool。A、正确B、错误答案：B19.js指的是javascript，它是前端的灵魂。A、正确B、错误答案：A20.echarts.js和echarts.min.js比起来，后者文件大小更小A、正确B、错误答案：A21.在html中引入echart.js需要放到script里。A、正确B、错误答案：A22.echarts中，将option绑定给图标的函数是setOption。A、正确B、错误答案：A23.在2022年全国职业院校技能大赛大数据技术赛项中，数据可视化使用的是echarts。A、正确B、错误答案：A24.2018年初，捐赠给Apchae基金会，成为ASF孵化级项目。A、正确B、错误答案：A25.tooltip.textStyle.fontStyle=normal;，表示提示框文字的长度。A、正确B、错误答案：B26.不可以通过github渠道，关注echarts官方内容A、正确B、错误答案：B27.下面有一个数组，该数组中数值最小的和数值最大的元素下标分别是3，5。vararr=[1,2,5,0,5,88]A、正确B、错误答案：A28.JavaScript正确注释方式是#.A、正确B、错误答案：B29.学习echarts之前，一定要掌握一定的前端知识A、正确B、错误答案：A30.数据可视乎的数据不应该是固定的数据，应该是实时变化的，它应该是动态的。A、正确B、错误答案：A31.margin是外边距，padding也是外边距。A、正确B、错误答案：B32.运算符“+”可用于连接两个字符串。A、正确B、错误答案：A33.在有些场景下，我们希望当容器大小改变时，图表的大小也相应地改变，这时候需要设置响应容器。A、正确B、错误答案：A34.tooltip.textStyle.fontWeight指的是提示框文字的颜色A、正确B、错误答案：B35.echarts柱状图中，xAxis是代表竖轴A、正确B、错误答案：B36.echarts是腾讯公司出品的。A、正确B、错误答案：B37.饼图中radius:50%;，代表这饼图的直径A、正确B、错误答案：B38.数据可视化，就是将excel表做成图表。A、正确B、错误答案：B39.如果图表容器不存在宽度和高度，或者，你希望图表宽度和高度不等于容器大小，也可以在初始化的时候指定大小。A、正确B、错误答案：A40.echart的初始化结果需要放到一个文本中进行保存。A、正确B、错误答案：B41.配置标题的颜色，需要在title配置项目中添加bgc。A、正确B、错误答案：B42.如果想要从函数返回一个值，必须使用return关键字A、正确B、错误答案：A43.echarts柱状图，横轴想标识各个时间信息，适合使用value类型。A、正确B、错误答案：B44.echarts中，柱状图的type是barA、正确B、错误答案：A45.shadowBlur是饼图的阴影模糊A、正确B、错误答案：A46.ECharts由百度团队开源。A、正确B、错误答案：A47.饼图中，itemStyle属性的shadowOffsetX表示的是阴影Y轴偏移量。A、正确B、错误答案：B48.JavaScript既可以用于Web客户端应用，也可以用于web服务器端应用。A、正确B、错误答案：A49.echarts柱状图中，xAxis是代表横轴A、正确B、错误答案：A50.echarts中，折线图的type是logA、正确B、错误答案：B51.JavaScript是石河子农垦公司设计的脚本语言。A、正确B、错误答案：B52.shadowColor是饼图的阴影模糊A、正确B、错误答案：B53.前端三剑客是java、js、pythonA、正确B、错误答案：B54.通常来说，需要在html中先定义一个div节点，并且通过CSS使得该节点具有宽度和高度。初始化的时候，传入该节点，图表的大小默认即为该节点的大小，除非声明了opts.width或opts.height将其覆盖。A、正确B、错误答案：A55.在HTML中嵌入JavaScript，应该使用的标签是scriptA、正确B、错误答案：A56.官方说的echarts特性有开发、包容、自由。A、正确B、错误答案：B57.想让图例去中间，left属性的值应该是center。A、正确B、错误答案：A58.tooltip下的show的内容需要为false时，可以显示提示框A、正确B、错误答案：B59.tooltip.textStyle.color=#fff;,表示颜色是黄色A、正确B、错误答案：B60.echarts现在放在apache平台运营。A、正确B、错误答案：A填空题1.在HTML中嵌入JavaScript，应该使用的标签是()答案：script2.shadowBlur是饼图的()答案：阴影模糊3.关于数据可视化的适用范围，存在着不同的()答案：划分方法4.echarts是()公司开源的答案：百度5.echarts开源后，()会发展的更好答案：不一定6.tooltip.textStyle.fontWeight指的是提示框文字的()答案：粗细7.配置标题的颜色，需要在title配置项目中添加()答案：color8.echarts容器需要提前设置好容器的高和()答案：宽9.()用于定义外边距答案：margin10.type：bar，说明这个图是一个()答案：柱状图11.下面有一个数组，该数组中数值最小的元素下标是()。vararr=[1,2,5,0,5,88]答案：312.()是一个使用JavaScript实现的数据可视化库答案：echarts13.alert（“大数据”.length）的输出结果为：()。答案：214.()数据格式，是前端常用的数据格式答案：json15.如果想要从函数返回一个值，必须使用()关键字答案：return16.设置字号的CSS属性是()答案：font17.vue是()的一个渐进式JavaScript框架答案：前端开发18.()，是关于数据视觉表现形式的科学技术研究答案：数据可视化19.数据可视乎的数据不应该是固定的数据，应该是实时变化的，它应该是答案：动态的20.type：line，说明这个图是一个()答案：折线图21.当下数据可视化项目开发，()必须从0开始开发，有大量的低代码，或者0代码平台。答案：不一定22.echarts中，折线图的type是()答案：line23.()属性用于定义内边距答案：padding24.饼图中radius:50%;，代表这饼图的()答案：半径25.DOM采用的是()结构。答案：树型26.流程控制的三种基本结构：顺序结构，()，循环结构答案：分支结构27.JavaScript文档的扩展名为()答案：js28.type：pie，说明这个图是一个()答案：饼图29.在2022年全国职业院校技能大赛大数据技术赛项中，数据可视化使用的是()答案：echarts30.()主要旨在借助于图形化手段，清晰有效地传达与沟通信息。答案：数据可视化31.饼图中，itemStyle属性的shadowOffsetX表示的是()答案：阴影横向偏移量32.tooltip需要设置()对提示框的文本进行描述。答案：textStyle33.表达式“vara=1,b=1;console.log(++a)”的输出结果是()答案：234.表达式(-5)%3的运行结果等于()答案：-235.shadowColor是饼图的()答案：阴影颜色36.html语言的扩展名是()答案：html37.全局变量可以通过()对象进行访问。答案：window38.标题titile配置项中，有一个subtext，它指的是()答案：副文本标题39.数据可视化，不仅仅要学习echarts，还要学习()答案：前端知识40.html中一般使用()作为echarts的容器答案：div41.echarts中，柱状图的type是()答案：bar42.echarts的数据应该是动态的，所以需要使用ajax向api接口请求一个()格式的数据答案：json43.Javascript当中的变量，分为：全局变量和()答案：局部变量44.tooltip.textStyle.fontStyle=normal，表示提示框文字的()答案：样式45.js定义变量可以使用let和()答案：var46.当下数据可视化项目，大多以()、科技风格为主答案：炫酷47.玫瑰图指的是在()为基础上的自定义修改。答案：饼图48.()是百度出品的一个数据可视化框架答案：echarts49.tooltip下的show的内容需要为()时，可以现实提示框答案：true50.web层叠样式表的扩展名是()答案：css简答题1.echarts是哪个公司开源的，它现在在哪个平台运营？答案：echarts是百度公司开源的，它现在在apache平台运营。2.局部变量的作用域是什么答案：有效范围只限于在函数之中3.option={title:{text:"WorldPopulation"},tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:true},xAxis:{type:"value",boundaryGap:[0,0.01]},yAxis:{type:"category",data:["Brazil","Indonesia","USA","India","China","World"]},series:[{name:"2011",type:"bar",data:[18203,23489,29034,104970,131744,630230]},{name:"2012",type:"bar",data:[19325,23438,31000,121594,134141,681807]}]};请分析是什么图，x轴是什么类型，y轴是什么类型，有几个种类数据。答案：柱状图，x轴是value类型，y轴是category类型，有两种数据。4.你觉得数据可视化会向哪些行业发展？答案：智慧城市、数字孪生、智慧工厂等5.ECharts5除了一贯的默认主题外，还有什么主题？答案：还内置了dark主题6.vara=10;document.write(a);会输出什么结果？答案：在网页内容中输出一个107.option={title:{text:"RefererofaWebsite",subtext:"FakeData",left:"center"},tooltip:{trigger:"item"},legend:{orient:"vertical",left:"left"},series:[{name:"AccessFrom",type:"pie",radius:"50%",data:[{value:1048,name:"SearchEngine"},{value:735,name:"Direct"},{value:580,name:"Email"},{value:484,name:"UnionAds"},{value:300,name:"VideoAds"}],emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0,0,0,0.5)"}}}]};请分析这是个什么类型图，这个图分成了几个子项？答案：这是个饼图，分成了5个子项。8.要实现echarts图表的绘制，需要哪些步骤？答案：1.引入echarts。2设置容器。3配置echarts9.标题titile配置项中，主标题内容和副标题内容的配置参数分别是什么答案：主标题内容：text，副标题内容是：subtext10.option={xAxis:{type:"",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},yAxis:{type:"},series:[{data:[150,230,224,218,135,147,260],type:"line"}]};请分析这是什么类型图，x轴和y轴都是什么类型？答案：这是折线图，x轴是category，y轴是value11.echarts在运行过程中，可能会遇到各种问题，界面没有任何报错，应该怎么办。答案：打开浏览器，进入检查，点击控制台，查看报错。12.数据可视化与什么密切相关。答案：数据可视化与信息图形、信息可视化、科学可视化以及统计图形密切相关。13.试分析，如何将折线图和柱状图一起放置在一个图里？答案：两个子集数据，一个类型是bar，一个类型是line14.静态网页和动态网页的区别答案：是否与服务器进行数据交互15.JavaScript中，给一个变量命名需遵循哪几个方面答案：变量由字母、下划线、$或数字组成，并且第一个字母必须是“字母、下划线或$”；变量不能是系统关键字和保留字16.echarts中legend和tooltip，分别是什么意思？答案：legend是图例，tooltip是提示框。17.配置echarts需要三步，分别是？答案：1.echarts对容器进行初始化。2.对图表进行参数配置3.将参数配置绑定到echarts容器里去18.图例对应哪个配置参数？如果让图例的left去右边呢？答案：图例对应legend，设置left：right可以去右边19.数据可视化中，数据一定不是固定的死数据，应该是通过api接口取到的json格式，那么我们应该如何请求api接口？答案：使用ajax进行get或者post请求，将请求的响应数据保存下来。20.echarts中，类型为pie、line、bar的图标，分别对应什么图？答案：pie对应饼图，line对应柱状图，bar对应折线图。21.javascript语言中，let和var定义变量的区别？答案：var是最近的函数作用域，let的作用域是最接近的块作用域，这个比函数的作用域要小。22.varrongqi=echarts.init(document.getElementById("name"));分析会有什么效果？答案：界面上完全空白，控制台报错，报错内容为获取不到id名字为name的标签。23.ECharts提供了多种安装方式，请写出三种。答案：从GitHub获取、从npm获取、从CDN获取、在线定制24.rongqi.setoption(mychart);分析会有什么结果？答案：报错，setoption是个未知函数，应该改成setOption.25.option={xAxis:{type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},yAxis:{type:"value"},series:[{data:[120,{value:200,itemStyle:{color:"#a90000"}},150,80,70,110,130],type:"bar"}]};请分析这个代码会生成什么类型图表，最高值是多少，第几个子项和其他子项有区别。答案：会生成柱状图，最高值200，第二个子项是红色，其他子项是一个颜色。26.documen.write()、alert()、console.log（）有什么区别答案：documen.write()是输出到网页界面上，alert()是弹窗，con