tableau旭日图_Echart

tableau旭日图_Echart效果图源代码ECharts//基于准备好的dom,初始化echarts实例varmyChart=echarts.init(document.getElementById(‘main’));varoption;option={silent:true,series:{radius:[‘15%’,’80%’],type:’sunburst’,sort:null,highligh…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

效果图

源代码

ECharts

// 基于准备好的dom,初始化echarts实例

var myChart = echarts.init(document.getElementById(‘main’));

var option;

option = {

silent: true,

series: {

radius: [‘15%’, ‘80%’],

type: ‘sunburst’,

sort: null,

highlightPolicy: ‘ancestor’,

data: [{

value: 8,

children: [{

value: 4,

children: [{

value: 2

}, {

value: 1

}, {

value: 1

}, {

value: 0.5

}]

}, {

value: 2

}]

}, {

value: 4,

children: [{

children: [{

value: 2

}]

}]

}, {

value: 4,

children: [{

children: [{

value: 2

}]

}]

}, {

value: 3,

children: [{

children: [{

value: 1

}]

}]

}],

label: {

color: ‘#fff’,

textBorderColor: ‘#666’,

textBorderWidth: 2,

borderColor: ‘#999’,

borderWidth: 1,

formatter: function (param) {

var depth = param.treePathInfo.length;

if (depth === 2) {

return ‘radial’;

}

else if (depth === 3) {

return ‘tangential’;

}

else if (depth === 4) {

return ‘0’;

}

}

},

levels: [{}, {

itemStyle: {

color: ‘red’

},

label: {

rotate: ‘radial’

}

}, {

itemStyle: {

color: ‘orange’

},

label: {

rotate: ‘tangential’

}

}, {

itemStyle: {

color: ‘yellow’

},

label: {

rotate: 0

}

}]

}

};

myChart.setOption(option);

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/189453.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • C6000汇编语言实现乘法,C6000(四)-汇编.ppt[通俗易懂]

    C6000汇编语言实现乘法,C6000(四)-汇编.ppt[通俗易懂]C6000(四)-汇编BIT/TI第四讲汇编语言初步第四讲汇编语言初步目的:用汇编语言编写简单程序学习内容汇编代码的结构汇编程序的构成编写简单算法:y=mx+b一、汇编代码的构成label:||[cond]instruction.unitoperand;comment常用伪指令二、汇编程序的构成程序=数据结构+算法汇编程序…

    2022年6月23日
    26
  • SQL 报错注入详解[通俗易懂]

    SQL 报错注入详解[通俗易懂]一、报错注入详解近期学习SQL报错注入,本篇文章为关于报错注入的一些个人理解,如有错误,希望指出本文使用sqli-labs数据库作为示例1、十种MySQL报错注入:报错注入方式有很多,其中比较常见的有floor()、extractvalue()、updatexml()三种,本篇文章主要对这三种进行分析,其他的请参考文章:十种MySQL报错注入2、floor()2.1、payload分析先贴上一个常见的payload再进行分析(sqli-labsLess-5)’

    2022年9月30日
    7
  • pycharm如何远程连接服务器_py服务端软件

    pycharm如何远程连接服务器_py服务端软件通过pycharm远程连接服务器首先确定你连接服务器的方式软件准备验证软件是否安装成功pycharm远程连接服务器上传自己的project到Ubuntu上传完以后,开始给自己的项目配置服务器的python解释器如何使用路由器,开启外网映射通过路由器的底部的网址进入管理员页面选择应用管理进入虚拟服务器在虚拟服务器中添加需要把内网映射到外网的IP地址查看自己映射出去的外网IP地址至此大功告成!!!您可以通过外网来访问您学校的服务器啦!首先确定你连接服务器的方式一般连接服务器需要服务器的ip地址,IP地址分为

    2022年8月28日
    8
  • Pycuda 学习笔记(二)gpuarray学习

    Pycuda 学习笔记(二)gpuarray学习本博客参照学习文档https://documen.tician.de/pycuda/array.html通过GPUArray矩阵类可以将numpy中的数组和矩阵直接转换成cuda可处理类型,该步骤即将CPU中的数据复制到GPU中。导入gpuArray和numpyimportpycuda.gpuarrayasgpuarrayimportnumpyasnp将numpyndar

    2025年6月10日
    3
  • halcon 角度转弧度方法「建议收藏」

    halcon 角度转弧度方法「建议收藏」radianstodegreesdeg(a)弧度转角度degreestoradiansrad(a)角度转弧度

    2022年6月29日
    43
  • 微型计算机的性能主要取决于什么,微型计算机硬件系统的性能主要取决于什么?…[通俗易懂]

    微型计算机硬件系统的性能主要取决于“微处理器”。微处理器是集成在一片中大规模集成电路芯片上的中央处理器,能完成取指令、执行指令,以及与外界存储器和逻辑部件交换信息等操作,是微型计算机的运算控制部分。微处理器是集成在一片中大规模集成电路芯片上的中央处理器,这些电路执行控制部件和算术逻辑部件的功能。微型计算机硬件系统的性能主要取决于微处理器。微处理器能完成取指令、执行指令,以及与外界存储器和逻辑部件…

    2022年4月4日
    192

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号