HBase shell 基本操作
摘要：(1)启动hbase [root@lixianhui38 ~]# start-hbase.sh (2)进入hbase shell 环境 [root@lixianhui38 ~]# hbase shell （3）查看hbase版本信息 hbase(main):001:0> version （4）查看服
阅读全文
posted @
2022-05-24 19:35
昨夜小楼听风雨
阅读(182)
推荐(0) 编辑
异步加载
摘要：异步加载绘制饼图 $.get("data_pie.json").done(function(data){ //data = JSON.parse(data), mychart.setOption({ color:['red','blue','LimeGreen','Teal','Purple','O
阅读全文
posted @
2022-05-21 20:17
昨夜小楼听风雨
阅读(84)
推荐(0) 编辑
dispatchAction行为应用
摘要：调用dispatchAction循环高亮圆环图的每个扇形区 var option = { //指定图表的配置项和数据 color: ['DarkGreen', 'red', 'LimeGreen', 'blue', 'Purple', 'GreenYellow'], backgroundColor:
阅读全文
posted @
2022-05-21 20:17
昨夜小楼听风雨
阅读(994)
推荐(0) 编辑
鼠标单击事件
摘要：鼠标单击事件柱状图 var option = { //指定图表的配置项和数据 color: ['LimeGreen', 'DarkGreen', 'red', 'blue', 'Purple'], backgroundColor: 'rgba(128, 128, 128, 0.1)', //rgba
阅读全文
posted @
2022-05-21 19:58
昨夜小楼听风雨
阅读(114)
推荐(0) 编辑
交互行为事件
摘要：调用datazoom(数据区域缩放)事件的折线图与柱状图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src='js/echarts.js'></script> </head>
阅读全文
posted @
2022-05-21 19:58
昨夜小楼听风雨
阅读(51)
推荐(0) 编辑
多图联动
摘要：柱状图之间的联动 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src='js/echarts.js'></script> </head> <body> <div id="mai
阅读全文
posted @
2022-05-21 19:57
昨夜小楼听风雨
阅读(99)
推荐(0) 编辑
漏斗图和金字塔
摘要：基本漏斗图和金字塔 var option = { //指定图表的配置项和数据 color: ['lightblue', 'rgba(0,150,0,0.5)', 'rgba(255,200,0,0.5)', 'rgba(155,200,50,0.5)', 'rgba(44,44,0,0.5)', '
阅读全文
posted @
2022-05-21 19:56
昨夜小楼听风雨
阅读(157)
推荐(0) 编辑
图表混搭
摘要：折线图与柱状图 var option = { //指定图表的配置项和数据 backgroundColor: 'rgba(128, 128, 128, 0.1)', //rgba设置透明度0.1 tooltip: { trigger: 'axis' }, legend: { data: ['降水量',
阅读全文
posted @
2022-05-21 19:56
昨夜小楼听风雨
阅读(87)
推荐(0) 编辑
动态切换主题应用
摘要：主题动态切换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt
阅读全文
posted @
2022-05-21 11:06
昨夜小楼听风雨
阅读(63)
推荐(0) 编辑
雷达图
摘要：绘制基本雷达图 var option = { title:{ text:'' }, tooltip:{}, radar:[{ indicator:[ {name:'易用性',max:'100'}, {name:'功能',max:'100'}, {name:'拍照',max:'100'}, {name
阅读全文
posted @
2022-05-20 18:59
昨夜小楼听风雨
阅读(310)
推荐(0) 编辑
仪表盘
摘要：单仪表盘 var option = { tooltip: { formatter: '{a} <br/>{b} : {c}%' }, series: [ { name: 'Pressure', type: 'gauge', detail: { formatter: '{value}' }, data
阅读全文
posted @
2022-05-20 18:46
昨夜小楼听风雨
阅读(119)
推荐(0) 编辑
散点图的详细配置
摘要：基本散点图 var option = { title:{x:222,left:'center',text:'男性和女性身高、体重分布'}, color:['green'],//设置点的颜色 xAxis: {scale:true,name:'身高(cm)',color:'red'}, yAxis: {
阅读全文
posted @
2022-05-20 15:52
昨夜小楼听风雨
阅读(344)
推荐(0) 编辑
饼图的详细配置
摘要：绘制标准饼图 var option = { title: { //配置标题组件 text: '影响健康、寿命的各类因素', //设置主标题 subtext: 'WHO统计调查报告', //设置次标题 left: 'center' //设置主次标题都左右居中 }, tooltip: { //配置提示框
阅读全文
posted @
2022-05-18 17:58
昨夜小楼听风雨
阅读(279)
推荐(0) 编辑
柱状图详情配置
摘要：柱状图描述的是分类数据呈现的是每一个分类中有多少，通过柱状图，可以清晰的看出每个分类的排名情况 标准柱状图 var option = { title: { //设置标题 text: '主标题', subtext: '副标题', }, legend: {//设置图例 type:'',//scroll设
阅读全文
posted @
2022-05-18 15:51
昨夜小楼听风雨
阅读(343)
推荐(0) 编辑
折线图的详细配置
摘要：折线用于反应事物发展趋势和分布状况，下面来介绍几种不同的折线图 标准折线图 var option = { title: { //设置标题 text: '主标题', subtext: '副标题', }, legend: {//设置图例 type:'',//scroll设置为滚动图例，默认为plain
阅读全文
posted @
2022-05-18 13:19
昨夜小楼听风雨
阅读(320)
推荐(0) 编辑
3.通用配置项
摘要：var option = { title: { //设置标题 text: '主标题', subtext: '副标题', textStyle: {//设置主标题样式 color: '#fff',//设置字体颜色 fontStyle: 'normal',//设置文字字体'normal'、'italic'
阅读全文
posted @
2022-05-16 20:50
昨夜小楼听风雨
阅读(44)
推荐(0) 编辑
2.常用图表的简单绘制（柱状图、折线图、饼图、散点图、仪表盘、雷达图）
摘要：柱状图 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
posted @
2022-05-14 18:44
昨夜小楼听风雨
阅读(613)
推荐(0) 编辑
1.创建ECharts图表
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
posted @
2022-05-14 18:03
昨夜小楼听风雨
阅读(157)
推荐(0) 编辑
