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

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

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

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


相关推荐

  • 【JVM调优工具】JVM调优工具[通俗易懂]

    【JVM调优工具】JVM调优工具[通俗易懂]一、JVM调优工具1.jstat工具java程序默认使用的xmx_为什么JAVA进程占用内存会超过Xmx设置_保瓶儿的博客-CSDN博客

    2022年5月31日
    26
  • STMS中QAS->PRD通信不畅[通俗易懂]

    STMS中QAS->PRD通信不畅[通俗易懂]现象:DEV->QAS->PRD的传输域配置中,DEV->QAS正常,PRD也可以检测到DEV释放的请求,但是就是无法将请求内容添加(闪电标识)至PRDbuffer。将请求文件copy至PRD的trans目录下,上载成功,导入成功。1.怀疑,PRD的\usr\sap的权限,确认也有写入权限2.怀疑QAS和PRD的通信,可以ping通3.STMS传

    2022年6月28日
    28
  • 动画插件–AnimateCSS

    动画插件–AnimateCSS1.什么是Animate.css?其实swiper-animate就是参考Animate.css演变出来的一个插件, Animate.css和swiper-animate一样都是用于快速添加动画的, 所以会用swiper-animate就会用Animate.css2.Animate.css的使用:引入animate.css的文件 给需要执行动画的元素添加类名3.示例animated这个类名是animated.css的基类,但凡需要通过animated.css来添加动画,都需

    2022年7月27日
    13
  • PHP如何解决网站大流量与高并发的问题(二)「建议收藏」

    PHP如何解决网站大流量与高并发的问题(二)

    2022年2月9日
    159
  • JS 中 scrollWidth、scrollHeight、scrollLeft 、scrollTop 详解

    JS 中 scrollWidth、scrollHeight、scrollLeft 、scrollTop 详解1.总述在JS中scrollWidth、scrollHeight、scrollLeft 、scrollTop属性在做一些复杂的交互效果中是非常常用的,因此在本博文中详细的介绍并给出实例。以上的4个属性是成对出现的,因此下面介绍中也成对的介绍,在实例中为了减少代码量,我直接用的id,实际开发中不推荐。2.scrollWidth和scrollHeight2.1概念element…

    2022年7月23日
    5
  • IDEA之汉化篇

    IDEA之汉化篇不懂英语的孩子idea汉化`最后还是建议使用英文,因为别人的电脑一般都是英文,少不了需要交流`idea汉化**idea**几乎被称为最好用的编程软件但是不懂英语的你是不是有点吃不消福利来了下载中文字体&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;//有中文字体的同学略过步骤

    2022年5月10日
    67

发表回复

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

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