echarts图标使用(一)
var data = [];
// Parametric curve
// for (var t = 0; t < 25; t += 0.001) {
//     var x = (1 + 0.25 * Math.cos(75 * t)) * Math.cos(t);
//     var y = (1 + 0.25 * Math.cos(75 * t)) * Math.sin(t);
//     var z = t + 2.0 * Math.sin(75 * t);
//     data.push([x, y, z]);
// }
// console.log(data.length);
x1 = [7,7,8.5,10,10]
y1 = [0,10,5,0,10]
z1 = [4,5,3,4,5]
option = {
    tooltip: {},
    backgroundColor: '#fff',
    visualMap: {
        show: false,
        dimension: 2,
        min: 0,
        max: 30,
        inRange: {
            color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
        }
    },
    xAxis3D: {
        type: 'value'
    },
    yAxis3D: {
        type: 'value'
    },
    zAxis3D: {
        type: 'value'
    },
    grid3D: {
        viewControl: {
            projection: 'orthographic',
            orthographic:200
        }
    },
    series: [{
        type: 'surface',//surface bar3D
        // data: data,
        lineStyle: {
            width: 4
        },
        equation: {
            x: {
                step: 0.5,
                min: 0,
                max: 10,
            },
            y: {
                step: 0.5,
                min: 0,
                max: 10,
            },
            z: function (x, y) {
                if(x> Math.min.apply(null,x1) && x<Math.max.apply(null,x1)){
                    return 3;
                }
				// var zf = []
				// for(var i = 0; i<datas.length;i++){
				// // 	var theta = r1+r1*Math.random()
				// // 	tmp = Math.pow((x-datas[i][0])/theta,p)+ Math.pow((y-datas[i][1])/theta,p)
				// 	tmp = Math.pow((x-datas[i][0])/r1,p)+ Math.pow((y-datas[i][1])/r1,p)
				// 	zf[i] = -datas[i][2] * Math.pow(Math.E,-tmp)
				// // 	zf[i] = -datas[i][2] * Math.sin(tmp)
				// }
				// for(var j = 0; j<datas.length;j++){
    //                 if(x == datas[j][0] && y== datas[j][1]){
    //                     return zf[j];
    //                 } else {
    //                     var value_min = zf[0]
    //                     for(var k = 0 ; k<zf.length;k++){
    //                         if(value_min>zf[k]){
    //                             value_min = zf[k]
    //                         }
    //                     }
    //                     return value_min
    //                     // return Math.min(zf[0],zf[1],zf[2])
    //                 }
				// }
				// // switch((x,y)){
				// // 	case (datas[j][0],datas[j][1]):
				// // 	    return zf[0]
				// // 	    break;
				// // 	case (datas[j+1][0],datas[j+1][1]):
				// // 	    return zf[1]
				// // 	    break;
				// // 	case (datas[j+2][0],datas[j+2][1]):
				// // 	    return zf[2]
				// // 	    break;
				// // 	default:
				// // 	return Math.min(zf[0],zf[1],zf[2])
				// // }
				// // return Math.min(zf[0],zf[1],zf[2])
            }
        }
    }]
};
												
											echarts图标使用(一)的更多相关文章
- Echarts图标宽度变成100px,让图表宽度随着父元素自动适应,Vue实时监听宽度的变化,这可能是史上最好的解决方案!
		
最近工作中element后台管理使用Echarts图表,本后台项目分图表模式和列表模式,使用display控制显示隐藏,这样就引出了本文的问题. 问题1:Echarts图标宽度变成100px? 问题2 ...
 - Echarts图标自适应问题(已解决)
		
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
 - echarts图标相关
		
图标类型参考地址: http://echarts.baidu.com/echarts2/doc/doc.html 知识点一: 堆叠柱状图与普通柱状图的区别在于: 堆叠柱状图 在series中需要设置 ...
 - echarts图标legend全选功能添加
		
平时做图表的时候经常用echarts,确实是一款很好用的插件. 开发中遇到了一个问题,在展示的曲线,也就是legend很多的时候,不太好只展示其中几条.配置中是可以默认设置初始化是否展示,但不适用于全 ...
 - element-admin中echarts图标宽度无法修改
		
默认示例 <template> <div> <el-row :gutter="0"> <el-col :xs="24" ...
 - Echarts图表控件使用总结2(Line,Bar)—问题篇
		
Echarts图表控件使用总结1(Line,Bar):http://www.cnblogs.com/hanyinglong/p/Echarts.html 1.前言 a.前两天简单写了一篇在MVC中如何 ...
 - Echarts图表控件使用总结1(Line,Bar)
		
问题篇(详解):http://www.cnblogs.com/hanyinglong/p/4708337.html 1.前言 a.在系统开发过程中可能会使用到图表控件,一个好的图标控件可以使我们的网站 ...
 - 如何快速使用ECharts绘制可视化图表
		
1.在ECharts官网,下载ECharts的源码和示例文件. 2.解压缩下载下来的Echars压缩包,找到doc\example\www\echartsjs目录,将里面的js文件全部取出来,放到项目 ...
 - 【可视化】DataV接入ECharts图表库 可视化利器强强联手
		
DataV接入ECharts图表库 可视化利器强强联手 摘要: 两个扛把子级产品的结合,而且文末有彩蛋. DataV 数据可视化是搭建每年天猫双十一作战大屏的幕后功臣,ECharts 是广受数据可视化 ...
 
随机推荐
- Python3学习笔记(十二):闭包
			
闭包定义: 在一个外函数中定义了一个内函数,内函数里引用了外函数的临时变量,并且外函数的返回值是内函数的引用.这样就构成了一个闭包. 我们先来看一个简单的函数: def outer(a): b = 1 ...
 - Hadoop监控指标项
			
配置 修改$HADOOP_HOME/etc/hadoop/hadoop-env.sh # 在配置namenode和datanode时都会有用到JMX_OPTS的代码,是为了减少重复提取出的公共代码 e ...
 - XSS中的同源和跨域的问题
			
学习自https://www.cnblogs.com/-qing-/p/10966047.html 也谈谈同源策略和跨域问题 1 同源策略 所谓同源策略,指的是浏览器对不同源的脚本或者文本的访问方式进 ...
 - 分布式-信息方式-ActiveMQ的Destination高级特性2
			
使用filtered destinations,在xml配置如下: <destinationInterceptors> <virtualDestinationInterceptor& ...
 - 套接字之recvfrom系统调用
			
recvfrom系统调用通过用户传入的接收空间构造msghdr,并且调用sock_recvmsg,该函数调用socket操作的recvmsg函数sock->ops->recvmsg,ipv ...
 - 2019秋Java学期课程总结
			
眨眼间,Java这门课程就快要到了尾声,这门课程主要学习到 搭建了Java的编译环境,安装eclipse软件,会用Java写一些简单的程序. 主要学习到的知识点有以下几点 1:通过写pta上的作业知道 ...
 - html_javascript 基础操作
			
<!DOCTYPE html> <html> <body> <h1>My Web Page</h1> <p id="demo ...
 - C# 下载文件的心得
			
下载文件最常用的有两种: 第一种:直接使用A标签,对应着文件的地址. 第二种:将文件写成流,然后在回传给客户端. 第一种,使用起来方便,但是有个坏处,如果你的文件是可编辑的文件(比如Excel wor ...
 - cinder-----常用命令
			
云硬盘的创建查询 #创建卷类型 cinder type-create rbd #rbd是云硬盘类型名称,可自行定义 #查询卷类型 cinder type-list #卷类型扩展规格 cinder ty ...
 - python - 函数any() 和 all() 的区别
			
转自:https://www.cnblogs.com/nulige/p/6128816.html any()与all()函数的区别: any是任意,而all是全部. 版本:该函数适用于2.5以上版本, ...