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);

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • python处理图片像素_python绘制像素图

    python处理图片像素_python绘制像素图利用Imgae.open()打开图像,再利用PIL对象进行操作。这样只是简单的处理,一旦操作复杂就比较困难。而像素级的处理与许多复杂操作相关。所以,通常我们在加载完图片后,都是把图片转换成矩阵来进行复杂操作。

    2022年10月10日
  • 414 request url too large

    414 request url too large粘贴图片时,拿到的base64图片地址太长,报错,有2种方法解决1、ajax传输为get方法,get方法有限制,改为post;2、把server的server.xml添加上

  • 2022年流动式起重机司机考试题库模拟考试平台操作「建议收藏」

    2022年流动式起重机司机考试题库模拟考试平台操作「建议收藏」题库来源:安全生产模拟考试一点通公众号小程序2022年流动式起重机司机特种作业证考试题库系流动式起重机司机考题的多种练习模式!2022年流动式起重机司机考试题库模拟考试平台操作根据流动式起重机司机考前押题。流动式起重机司机全部考试题库通过安全生产模拟考试一点通上错题练习。1、【多选题】《中华人民共和国特种设备安全法》规定,特种设备生产、经营、使用单位()被查封、扣押的特种设备或者其主要部件的,责令改正,处五万元以上二十万元以下罚款;情节严重的,吊销生产许可证,注销特种设备使用登记证书。(A..

  • recv、recvfrom[通俗易懂]

    recv、recvfrom[通俗易懂]1、recvfrom()接收一个数据报并保存源地址。(这里是windows中的头文件,Linux的用法在下面的那个实例)头文件:#include  #includeintrecvfrom(ints,void*buf,intlen,unsignedintflags,structsockaddr*from,int*fromlen);s:标

  • linux history 历史命令行查询和使用

    linux history 历史命令行查询和使用history命令:用于显示历史记录和执行过的指令命令,可以使用符号!执行指定序号的历史命令。例如,要执行第2个历史命令,则输入!2。history命令:是被保存在内存中的,当退出或者登录shell时,会自动保存或读取。默认是不显示命令的执行时间,命令的执行时间,history已经记录,只是没有显示。注:如想查询某个用户在系统上执行了什么命令,可以使用root用户身份登录系统,检查Hom…

  • 从零开始学习Prometheus监控报警系统[通俗易懂]

    从零开始学习Prometheus监控报警系统[通俗易懂]Prometheus是一个开源的监控报警系统,它被纳入了由谷歌发起的Linux基金会旗下的云原生基金会,并成为仅次于Kubernetes的第二大开源项目。

发表回复

您的电子邮箱地址不会被公开。

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