zoukankan      html  css  js  c++  java
  • echarts简单使用

    最近在做一个项目,开始使用的是acharts,在电脑端访问的效果还真不错,但是放到手机端访问就惨了,尤其是iOS系统上,各种不兼容,后来准备换收费的hightcharsts,无意间发现有个免费的echarts,后来研究了一下,效果还可以,可是用使用。手机端访问也没问题。下面是一些简单的设置参数,仅供参考:在http://echarts.baidu.com/doc/example/pie1.html上可以直接执行。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    option = {
        //是否可拖动
        calculable: false,
        //设置数据颜色
        color: ['#fc694b''#7179cb''#79c850''#14b8f6''#ffb65d''#ffd967''#78d9fe''#9a9792''#a6c96a'],
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: '60%'//半径
                center: ['50%''50%'],
                selectedMode: 'single'//单选,突出 
                selectedOffset: 10,     //选中扇区偏移量
                //设置lable长度
                itemStyle: {
                    normal: {
                        labelLine: {
                            length: 3
                        }
                    }
                },
                data: [
                    { value: 335, name: '直接访问', selected: true },
                    { value: 310, name: '邮件营销', selected: false },
                    { value: 234, name: '联盟广告', selected: false },
                    { value: 135, name: '视频广告', selected: false },
                    { value: 1548, name: '搜索引擎', selected: false }
                ]
            }
        ]
    };
  • 相关阅读:
    【一致性检验指标】Kappa(cappa)系数
    仅需4步,轻松升级K3s集群!
    使用Kubernetes、K3s和Traefik2进行本地开发
    超强教程!在树莓派上构建多节点K8S集群!
    使用容器化块存储OpenEBS在K3s中实现持久化存储
    仅需60秒,使用k3sup快速部署高可用K3s集群
    在本地运行Kubernetes的3种主流方式
    为什么Kubernetes在边缘计算中如此关键?
    这4件事,让你了解边缘计算的真实面貌
    极简教程!教你快速将K3s与Cloud Controller集成
  • 原文地址:https://www.cnblogs.com/wdcwy/p/5092370.html
Copyright © 2011-2022 走看看