下图中的雷达图是怎么实现的,能告诉我吗?

px_wu 发布于 2016/05/31 11:33
阅读 428
收藏 1

@北_木 你好,想跟你请教个问题:雷达图怎么实现的

加载中
0
p
px_wu
在页面看到的http://my.oschina.net/cym92/blog/468684?fromerr=lebYOGGe
0
降龙罗汉
降龙罗汉
通过分析用户在开源中国社区的“行为”,量化这些数据,然后图形化这些数据。你还想知道啥~
0
红薯的小黄瓜
红薯的小黄瓜
这不是最简单的脑图吗 自己画一个就行了
0
乌龟壳
乌龟壳

SVG或者canvas

0
花花兽
花花兽
http://www.fusioncharts.com/charts/radar-spider-charts/ 看这里,如果你能打开
0
就是个精虫上脑的地方
就是个精虫上脑的地方

http://echarts.baidu.com/demo.html#radar 

echarts还是很好用的

0
b
beastxiao

直接看源码,用的echarts,在看js库为echarts3-radar.js,

最近回答问题,发现统计的是问题回答的次数,一个问题反复回答都有效,太让我失望了,按这样统计,想咋刷就咋刷。

个人中心实现雷达图的js如下:

var sendRequest = function () {

            var user_id=$(".radar").data("user");
            $.ajax({
                type: "POST",
                url: "/action/radar/searchUserRadarMap",
                data: {user_id:user_id},
                dataType: "json",
                success: function (msg) {
                    if (msg.result) {
                        $(".radar").removeClass("hide-radar");
                        var myChart = echarts.init(document.getElementById('radarMap'));
                        myChart.setOption(getRadarOption(msg.data.tags, msg.data.skillsLevel, msg.data.maxSkillLevel));
                    } else {
                        console.log(msg.msg);
                    }
                }
            });
        }
        sendRequest();
0
IdleMan
IdleMan

如果你在纸上画得出来,代码就应该能实现,如果找文档后都不能实现最好不要做程序员了

如果你在纸上都画不出来,最好还是再复习一下初中数学。

返回顶部
顶部