echarts图标使用（一）

矫情吗；* 2021-11-26 11:46 386阅读 0赞

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])
                }
            }
        }]
    };

转载于:https://www.cnblogs.com/hexu105/p/9436805.html

发表评论取消回复

表情：

评论列表（有 0 条评论，386人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 使用创建二维数组响应数据渲染 echarts图标

目前我遇到的情况就是用动态的二维数组数据渲染echarts图标，我们从后端收到的接口一般是个一维数组，需要手动构建并且保证响应式。接下来我做了个案例。

客官°小女子只卖身不卖艺/ 2024年04月22日 15:19/ 0 赞/ 60 阅读

相关 Echarts入门教程、使用总结（一）

最近公司在做一个mes项目需要用到图表来做一个看板在echarts和highcharts中我选择了echarts 他们的关系就像是wps和office的区别吧但是e

￡神魔★判官ぃ/ 2022年06月13日 09:27/ 0 赞/ 446 阅读

相关 Echarts 图表使用（一）

折线图和柱状图对比通过点击Echart 图表右上角的色块可以控制对应图表的显隐。但在多条柱状图中，对应的图形复杂（可以调整柱状图之间的距离解决），不符合图表直观清晰

傷城~/ 2022年05月27日 09:18/ 0 赞/ 339 阅读

相关向 echarts图标工具栏toolbox中加入自定义图标／图形

原文出处：[https://blog.csdn.net/singsingasong/article/details/77254687][https_blog.csdn.net_

谁践踏了优雅/ 2022年05月19日 01:36/ 0 赞/ 580 阅读

相关 echarts toolbox增加自定义图标

原文出处：[https://blog.csdn.net/zhenyushao/article/details/67636213][https_blog.csdn.net_zhe

淡淡的烟草味﹌/ 2022年05月19日 01:35/ 0 赞/ 423 阅读

相关 Bootstrap教程(一)Glyphicons字体图标使用

一.已下载bootstrap 3.X [https://v3.bootcss.com/getting-started/\download][https_v3.bootcss.

忘是亡心i/ 2022年04月23日 12:18/ 0 赞/ 383 阅读

相关信息生成echarts图标

去https://www.echartsjs.com/index.html官网下载echarts.js 后台直接返回JSON对象根据返回JSON对象进行调用所需的名称

「爱情、让人受尽委屈。」/ 2022年02月27日 01:35/ 0 赞/ 225 阅读

相关百度echarts使用体会一

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 一、如何获得百度echarts 这个我相信每个

朱雀/ 2022年01月14日 11:47/ 0 赞/ 251 阅读

相关 echart-图标取消点击事件

最近再改公司的后台系统，用到了图标功能 echart默认有点击展示隐藏的功能 ![1074458-20190624154044267-1530792970.png]

港控/mmm°/ 2021年12月21日 09:57/ 0 赞/ 785 阅读

相关 echarts图标使用（一）

var data = []; // Parametric curve // for (var t = 0; t < 25; t += 0.001) {

矫情吗；*/ 2021年11月26日 11:46/ 0 赞/ 387 阅读