echarts时间轴_ECHARTS

echarts时间轴_ECHARTS旭日图vardataL1=[];vardataL2=[];vardata1=[];for(vari=0;i<=60;i++){dataL1.push([Math.cos(i*Math.PI/2),i]);dataL2.push([Math.cos(i*Math.PI/2-3)+2,i]);}for(vari=0;i&…

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

Jetbrains全系列IDE稳定放心使用

旭日图

var dataL1 = [];

var dataL2 = [];

var data1 = [];

for (var i = 0; i <= 60; i++) {

dataL1.push([Math.cos(i * Math.PI / 2), i]);

dataL2.push([Math.cos(i * Math.PI / 2 – 3) + 2, i]);

}

for (var i = 0; i < 8; ++i) {

data1.push({

name: ‘Main’,

label: {

position: ‘inside’,

rotate: ‘tangential’

},

children: [{

name: ‘Level1’,

value: 2,

label: {

position: ‘inside’,

rotate: ‘tangential’

},

children: [{

name: ‘Level2’,

value: 2,

label: {

position: ‘inside’,

rotate: ‘tangential’,

distance: 10

}

}]

}, {

name: ‘Level1’,

value: 2,

label: {

position: ‘intside’,

rotate: ‘tangential’

}

}]

});

}

option = {

title: {

text: ‘sunburst’,

link: ”

},

tooltip: {

show: true

},

polar: {

radius: ‘35%’

},

angleAxis: {

boundaryGap: false,

splitLine: {

show: false,

lineStyle: {

color: ‘#999’,

type: ‘dashed’

}

},

axisLabel: {

show: false

},

axisTick: {

show: false

},

axisLine: {

show: false

},

},

radiusAxis: {

//type: ‘category’,

axisLine: {

show: false

},

splitLine: {

show: false,

},

axisLabel: {

show: false

},

axisTick: {

show: false

}

},

series: [{

type: ‘line’,

coordinateSystem: ‘polar’,

zlevel: 2,

showSymbol: false,

itemStyle: {

color: ‘#f47920’

},

data: dataL1,

}, {

type: ‘line’,

coordinateSystem: ‘polar’,

zlevel: 2,

showSymbol: false,

itemStyle: {

color: ‘#f47920’

},

data: dataL2,

}, {

type: ‘sunburst’,

//coordinateSystem: ‘polar’,

nodeClick: false,

levels: [{}, {

r0: ‘45%’,

r: ‘60%’,

label: {

//align:’left’

},

itemStyle: {

shadowBlur: 2,

borderWidth: 6,

borderColor: ‘#42ced1’,

}

}, {

r0: ‘60%’,

r: ‘70%’,

label: {

},

itemStyle: {

borderWidth: 6,

borderColor: ‘#42b0d1’,

opacity: 0.8

}

}, {

r0: ‘70%’,

r: ‘76%’,

itemStyle: {

borderWidth: 6,

borderColor: ‘#22bfb1’,

opacity: 0.6

}

}],

data: data1,

}]

};

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

myChart.setOption(option);

如图,

echarts时间轴_ECHARTS

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

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

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

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

(0)
blank

相关推荐

  • 你了解System.out.println()的真正含义吗?

    你了解System.out.println()的真正含义吗?在Java编程中,我们常常用 System.out.println(); 来输出字符串,也许我们都已经猜到println()是方法名,但System是什么,out又是什么呢?  其实System是java.lang里面的一个类,如下图:     而out就是System里面的一个静态数据成员,而且这个成员是java.io.PrintStream类的引用。如下图,被关键字static修饰的成员可…

    2022年10月26日
  • 基数排序中的LSD方法和MSD方法

    基数排序中的LSD方法和MSD方法最高位优先(MostSignificantDigitfirst)法,简称MSD法:先按k1排序分组,同一组中记录,关键码k1相等,再对各组按k2排序分成子组,之后,对后面的关键码继续这样的排序分组,直到按最次位关键码kd对各子组排序后。再将各组连接起来,便得到一个有序序列。最低位优先(LeastSignificantDigitfirst)法,简称LSD法:先从kd开始排序,再对

  • pycharm plot不显示_python怎么安装matplotlib.pyplot

    pycharm plot不显示_python怎么安装matplotlib.pyplot如下案例,可以正常保存图像,但是plt.show()不能正常显示图像:#coding=utf-8importpandasaspdimportmatplotlib.pyplotaspltdata=pd.read_csv(‘ccpoints.csv’,header=0)plt.scatter(data.x,data.y,c=&amp;amp;quot;red&amp;amp;quot;,marker=’o’,l…

  • 在 Visual Studio 中配置 Eigen库

    在 Visual Studio 中配置 Eigen库VisualStudio配置Eigen库

  • string的length方法(数组length方法)

    C#客户端,调用别家的webservice,返回信息报错,摘取其中重要的如下:Themaximumstringcontentlengthquota(8192)hasbeenexceededwhilereadingXMLdata.ThisquotamaybeincreasedbychangingtheMaxStringContentLengthpro…

  • 阿里矢量图标_ui矢量图

    阿里矢量图标_ui矢量图阿里iconfunt官网对于图标的调用写的不够详细,许多初用者不会用,下面具体介绍下总结的两种方法:一、在线调用方式1、首先建立新浪微博账号,用微博号登录iconfunt官网;2、所需要图标加入

发表回复

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

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