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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 运行游戏时出现0xc000007b错误的解决方法[通俗易懂]

    运行游戏时出现0xc000007b错误的解决方法[通俗易懂]最后更新:2019-2-28如图,0xc000007b这个错误使无数玩家烦恼。问题描述:出现这个错误,可能是硬件的问题,也可能是软件的问题。但是,由于硬件引起该问题的概率很小,并且除了更换硬件之外没有更好的解决方法,因此本文将详细介绍如何通过软件解决此问题,这也是大家最关心的。由于本文阅读用户众多,大家对于电脑故障解决的熟悉程度也不一样,因此本文致力…

    2022年6月12日
  • 工作流程引擎:流程引擎对比「建议收藏」

    工作流程引擎:流程引擎对比「建议收藏」一.简介工作流引擎LiteFlow 需要提前定义好执行流程,不支持分布式执行,支持xml,json,yml,支持逻辑执行AirFlow ***** 支持分布式算子执行,不支持java算子执行,支持pythonDolphinScheduler ***** Azkaban可以跨服务执行,跨平台执行,flow支持dsl语法Oozie managerhadoopjobs,大数据任务调度框架KettleServerFlowable 与Activiti非常类似A

    2022年10月20日
  • java连接MySQL数据库的驱动jar包

    java连接MySQL数据库的驱动jar包mysql官网:https://dev.mysql.com/步骤1步骤2步骤3步骤4或者直接点击这个链接直接到这个页面https://dev.mysql.com/downloads/connector/j/在这个页面再点击弹出的下拉列表这个点击PlatformIndependent然后点击第二个下载在出现的页面点击Nothanks,juststartmydownload即可下载不用登陆我们只下载就行然后将下载的压缩文件导入idea中即可了!手动截图不易点

    2022年5月21日
  • Oracle 创建表空间

    Oracle 创建表空间–删除表空间droptablespacenacosincludingcontentsanddatafiles—-创建表空间并定义路径createtablespacenacos–表空间名datafile’D:/app/Administrator/oradata/nacos/nacos.dbf’size500m–大小初始值autoextendon–自动扩展next50mmaxsize20480m–每次扩展50m,最大为20480mex…

    2022年7月11日
  • mysql数据库命令大全菜鸟_mysql常用命令[通俗易懂]

    mysql数据库命令大全菜鸟_mysql常用命令[通俗易懂]连接:mysql-h主机地址-u用户名-p用户密码(注:u与root可以不用加空格,其它也一样)创建授权:grantselecton数据库.*to用户名@登录主机identifiedby\”密码\”修改密码:mysqladmin-u用户名-p旧密码password新密码删除授权:revokeselect,insert,update,deleteom*.*f…

    2022年6月17日
  • Django(60)Django内置User模型源码分析及自定义User

    Django(60)Django内置User模型源码分析及自定义User前言Django为我们提供了内置的User模型,不需要我们再额外定义用户模型,建立用户体系了。它的完整的路径是在django.contrib.auth.models.User。User模型源码分析

    2022年7月31日

发表回复

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

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