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 是广受数据可视化 ...
随机推荐
- 翻译 | 上手 Webpack ? 这篇就够了!
译者:小 boy (沪江前端开发工程师) 本文原创,转载请注明作者及出处. 原文地址:https://www.smashingmagazine.com/2017/02/a-detailed-intro ...
- Java连接MQTT服务-tcp方式
特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...
- log4j动态配置参数
特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...
- 【转】diamond专题(二)– 核心原理介绍
特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...
- 2019Java第十四周课程总结
关于记事本代码上周已经写过了,这次把他粘过来了,如下: 记事本 package jishiben; import java.awt.event.ActionEvent; import java.awt ...
- mysql5.6 varchar长度不同的情况下group by的效率
varchar长度短的情况下,基于这个字段的group by效率更高.所以开发在设计表的时候要使该字段在满足业务需求的情况下尽可能的小. ps:本想找源码看看代码那是怎么处理的,直接用vim看文件太累 ...
- 如何在form组件中添加一个单选或者多选的字段
解决办法: 需要在增加的类里面加入choices 具体操作如下:
- DeepFaceLab620稳定版使用过程详解!
网站上的小白入门系列教程是基于2019.3.13的版本而编写,有部分内容已经发生了变化.而目前比较稳定的版本为620,这个版本保持了很长一段时间,并没有发现什么大问题,用着挺好.所以我决定针对这个版本 ...
- 算法 - DNA搜索 - Ako Corasick
场景:从很长的字符串(输入字符串.DNA)中搜索大量固定字符串(字典.基因) 题目:Determining DNA Health | HackerRank 算法:Aho–Corasick algori ...
- UI自动化-selenium-api封装pyse框架
# coding=utf-8 import time from selenium import webdriver from selenium.webdriver.common.action_chai ...