codevtool - 在线代码工具箱,目标是使用浏览器完成尽可能多的日常工作

我的模板制作浏览器插件制作 51单片机

更新注册登陆

关系图

高级配置

更多配置

图标数据注意:无特殊情况无需修改

X轴数据

Y轴数据

径向轴数据

角度轴数据

平行坐标系数据

坐标轴数据

单轴数据

标题

纵轴

视觉映射组件

直角坐标系

横轴

时间轴组件

区域缩放组件

区域选择组件

提示框组件

坐标轴指示器

工具栏组件

图例组件

极坐标系

径向轴

角度轴

雷达坐标系

地理坐标系

平行坐标系

坐标轴

单轴

原生图形元素组件

日历坐标系

数据集

字符串和回调函数编辑

设置

节点分类数据

分类名称

分类1

属性设置

删除

增加

节点关系数据

源节点名称

目标节点名称

名称1

名称2

属性设置

名称1

名称3

属性设置

名称1

名称4

属性设置

名称1

名称5

属性设置

删除

增加

关系图数据

名称

图形大小

X坐标

Y坐标

值

分类

名称1

108

-145

分类1

属性设置

名称2

482

282

1916

分类1

属性设置

名称3

167

-778

1886

分类1

属性设置

名称4

-17

-683

1757

分类1

属性设置

名称5

770

-698

1891

分类1

属性设置

删除

增加

属性设置

隐藏按钮

预览

标题组件

组件设置

添加属性

主标题

副标题

图例组件

组件设置

添加属性

数据设置

节点分类数据

添加属性

分类名称

分类1

关系图数据

添加属性

数据项名称

名称1

标记大小

节点x值

节点y值

数据项值

数据项所在类目

分类1

关系图数据

添加属性

数据项名称

名称2

标记大小

节点x值

节点y值

数据项值

1916

数据项所在类目

分类1

关系图数据

添加属性

数据项名称

名称3

标记大小

节点x值

节点y值

数据项值

1886

数据项所在类目

分类1

关系图数据

添加属性

数据项名称

名称4

标记大小

节点x值

节点y值

数据项值

1757

数据项所在类目

分类1

关系图数据

添加属性

数据项名称

名称5

标记大小

节点x值

节点y值

数据项值

1891

数据项所在类目

分类1

节点关系数据

添加属性

源节点

名称1

目标节点

名称2

节点关系数据

添加属性

源节点

名称1

目标节点

名称3

节点关系数据

添加属性

源节点

名称1

目标节点

名称4

节点关系数据

添加属性

源节点

名称1

目标节点

名称5

属性设置

添加属性

图表类型

该系列名称

零代码开发计划

区域缩放组件

基础

选择组件类型

视觉映射组件

基础

选择组件类型

提示框组件

组件设置

添加属性

工具栏

组件设置

添加属性

区域选择组件

组件设置

添加属性

时间线

基础

组件设置

显示组件

是

否

数据集

基础

添加属性

调色盘

系列色1

#5470c6

系列色2

#91cc75

系列色3

#fac858

系列色4

#ee6666

系列色5

#73c0de

系列色6

#3ba272

系列色7

#fc8452

系列色8

#9a60b4

系列色9

#ea7ccc

全局的字体样式

文字的颜色

文字风格

文字粗细

文字大小

行高

文本显示宽度

文本显示高度

文字描边颜色

文字描边宽度

文字描边类型

虚线偏移量

文字阴影颜色

文字阴影长度

阴影左右偏移

阴影上下偏移

文本超宽截断

截断

换行

截断显示文本

...

状态切换动画配置

切换动画时长

缓动动画

更多设置

背景色

是否开启动画

是

否

开启动画阈值

初始动画时长

初始缓动效果

初始动画延迟

更新动画时长

更新缓动效果

更新动画延迟

图形的混合模式

图形数量阈值

使用 UTC 时间

是

否

标题设置

视觉映射组件

图例组件

工具栏组件

坐标轴指示器

提示框组件

区域选择组件

区域缩放组件

时间轴组件

代码区

var myChart = echarts.init(document.getElementById('main'));
option = {
	title: {
		text: '主标题',

subtext: '副标题'
	},
	legend: {
		
	},
	series: [{
		categories: [{
			name: '分类1'
		},
		],

data: [{
			name: '名称1',

symbolSize: 73,

x: 108,

y: -145,

value: 27,

category: '分类1'
		},
		{
			name: '名称2',

symbolSize: 4,

x: 482,

y: 282,

value: 1916,

category: '分类1'
		},
		{
			name: '名称3',

symbolSize: 37,

x: 167,

y: -778,

value: 1886,

category: '分类1'
		},
		{
			name: '名称4',

symbolSize: 7,

x: -17,

y: -683,

value: 1757,

category: '分类1'
		},
		{
			name: '名称5',

symbolSize: 68,

x: 770,

y: -698,

value: 1891,

category: '分类1'
		},
		],

links: [{
			source: '名称1',

target: '名称2'
		},
		{
			source: '名称1',

target: '名称3'
		},
		{
			source: '名称1',

target: '名称4'
		},
		{
			source: '名称1',

target: '名称5'
		},
		],

type: 'graph',

name: '零代码开发计划'
	},
	],

tooltip: {
		
	},
	toolbox: {
		
	},
	brush: {
		
	},
	timeline: {
		show: false
	},
	dataset: {
		
	},
	color: ['#5470c6',
	'#91cc75',
	'#fac858',
	'#ee6666',
	'#73c0de',
	'#3ba272',
	'#fc8452',
	'#9a60b4',
	'#ea7ccc',
	],

textStyle: {
		ellipsis: '...'
	},
	stateAnimation: {
		
	},
	
};
myChart.setOption(option);

xxxxxxxxxx
 
var myChart = echarts.init(document.getElementById('main'));
option = {
    title: {
        text: '主标题',
​
        subtext: '副标题'
    },
    legend: {
        
    },
    series: [{
        categories: [{
            name: '分类1'
        },
        ],
​
        data: [{
            name: '名称1',
​
            symbolSize: 73,
​