ECharts 数据可视化 --复杂雷达图

当利用浏览器占比变化数据绘制稍为复杂的雷达图时,如图所示。

显示了各个浏览器占比的预测,并加了一个visualMap组件(视觉映射组件),即把数据的哪个维度映射到什么视觉元素上。此外,还增加了一个滚动图例。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="echarts.js"></script>
    <title>4-12 复杂雷达图</title>
</head>
<body>
    <!---为ECharts准备一个具备大小(宽高)的DOM--->
    <div id="main" style="width: 800px;height: 800px"></div>
    
    <script type="text/javascript">
        var mychat = echarts.init(document.getElementById("main"));

        var option = {
            backgroundColor:'rgba(204,204,204,0.7)',
            title:{
                text:'浏览器占比变化',textStyle:{color:'blue'},
                top:20,left:30
            },
            tooltip:{trigger:'item',backgroundColor:'rgba(0,0,250,0.8'},
            legend:{
                type:'scroll',bottom:15,
                data:(function()
                {
                    var list = [];
                    for (var i = 1; i<=28;i++){
                        list.pus
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值