小程序--雷达图显示刻度

互联网 2022/1/14 12:33:25

雷达图显示刻度 let indicatorData = app.globalData.chartsData.indicatorData; //添加axisLabel:{show:true} 或者 axisLabel:{show:false} 可以控制在那条线轴上显示刻度 for (var i=0; i < indicatorData.length;i++) {if(i==0){indicatorData[i].axisLabel = {…

雷达图显示刻度
在这里插入图片描述

let indicatorData = app.globalData.chartsData.indicatorData;
//添加axisLabel:{show:true} 或者 axisLabel:{show:false} 可以控制在那条线轴上显示刻度
for (var i=0; i < indicatorData.length;i++) {
      if(i==0){
        indicatorData[i].axisLabel = {
          "show":true
        }
      }else{
        indicatorData[i].axisLabel = {
          "show":false
        }
      }
    }
var option = {
      backgroundColor: "#ffffff",
      // 图表的位置
      grid: {
        position: 'center',
      },
      tooltip: {
        confine: true,  //设置是否将tooltip框限制在图表的区域内
				enterable: true,  //设置鼠标是否可以移动到tooltip区域内
      },
      legend: {
          bottom: 0,
          data: ['沟通技能','社交技能','思考技能','研究技能','自我管理']
      },
      radar: {
        // shape: 'circle',
        name: {
          textStyle: {
              color: '#000'
          }
        },
        //刻度的相关设置
        axisLabel: {
          show: true,
          color:'#ccc',
          //showMinLabel: false
        },
        indicator: app.globalData.chartsData.indicatorData,
      },
      series: [{
        name: '五大技能',
        type: 'radar',
        data: app.globalData.chartsData.seriesData,
      }]
    };
随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[小程序--雷达图显示刻度]http://www.zyiz.net/tech/detail-285012.html

赞(0)
关注微信小程序
程序员编程王-随时随地学编程

扫描二维码或查找【程序员编程王】

可以随时随地学编程啦!

技术文章导航 更多>
扫一扫关注最新编程教程