Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
半栈学徒
incubator-echarts
提交
f295eca6
I
incubator-echarts
项目概览
半栈学徒
/
incubator-echarts
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
I
incubator-echarts
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
f295eca6
编写于
7月 22, 2020
作者:
S
susiwen8
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Add test case for tooltip order
上级
666e7757
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
209 addition
and
4 deletion
+209
-4
test/new-tooltip.html
test/new-tooltip.html
+209
-4
未找到文件。
test/new-tooltip.html
浏览文件 @
f295eca6
...
...
@@ -75,6 +75,14 @@ under the License.
<div
id=
"main22"
style=
"width: 100vw;height:40vh;margin: 0 auto;"
></div>
<h1>
Tooltip in Stacked Line Chart Horizontal
</h1>
<div
id=
"main23"
style=
"width: 100vw;height:40vh;margin: 0 auto;"
></div>
<h1>
Tooltip order valueAsc
</h1>
<div
id=
"main24"
style=
"width: 100vw;height:40vh;margin: 0 auto;"
></div>
<h1>
Tooltip order valueDesc
</h1>
<div
id=
"main25"
style=
"width: 100vw;height:40vh;margin: 0 auto;"
></div>
<h1>
Tooltip order seriesDesc
</h1>
<div
id=
"main26"
style=
"width: 100vw;height:40vh;margin: 0 auto;"
></div>
<h1>
Tooltip order seriesAsc
</h1>
<div
id=
"main27"
style=
"width: 100vw;height:40vh;margin: 0 auto;"
></div>
<script>
require
([
...
...
@@ -101,6 +109,10 @@ under the License.
var
chart21
=
echarts
.
init
(
document
.
getElementById
(
'
main21
'
));
var
chart22
=
echarts
.
init
(
document
.
getElementById
(
'
main22
'
));
var
chart23
=
echarts
.
init
(
document
.
getElementById
(
'
main23
'
));
var
chart24
=
echarts
.
init
(
document
.
getElementById
(
'
main24
'
));
var
chart25
=
echarts
.
init
(
document
.
getElementById
(
'
main25
'
));
var
chart26
=
echarts
.
init
(
document
.
getElementById
(
'
main26
'
));
var
chart27
=
echarts
.
init
(
document
.
getElementById
(
'
main27
'
));
option1
=
{
tooltip
:
{
...
...
@@ -379,7 +391,6 @@ under the License.
}]
};
option7 = {
tooltip: {},
series: [{
...
...
@@ -1799,7 +1810,6 @@ under the License.
]
};
option12 = {
tooltip: {
trigger:
'
axis
'
,
...
...
@@ -2413,7 +2423,6 @@ under the License.
}]
}
data = [
["2000-06-05", 116],
["2000-06-06", 129],
...
...
@@ -2540,7 +2549,6 @@ under the License.
var colors = [
'
#
5793
f3
'
,
'
#
d14a61
'
,
'
#
675
bba
'
];
option19 = {
color: colors,
...
...
@@ -2926,6 +2934,199 @@ under the License.
]
};
option24 = {
tooltip: {
trigger:
'
axis
'
,
axisPointer: {
type:
'
cross
'
,
label: {
backgroundColor:
'
#
6
a7985
'
}
},
order:
'
valueAsc
'
},
xAxis: [{
type:
'
category
'
,
boundaryGap: false,
data: [
'
周一
'
,
'
周二
'
,
'
周三
'
,
'
周四
'
,
'
周五
'
,
'
周六
'
,
'
周日
'
]
}],
yAxis: [{
type:
'
value
'
}],
series: [
{
name:
'
邮件营销
'
,
type:
'
line
'
,
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name:
'
联盟广告
'
,
type:
'
line
'
,
data: [220, 182, 191, 234, 290, 630, 310]
},
{
name:
'
视频广告
'
,
type:
'
line
'
,
data: [150, 232, 201, 154, 190, 430, 410]
},
{
name:
'
直接访问
'
,
type:
'
line
'
,
data: [320, 332, 301, 334, 390, 330, 320]
},
{
name:
'
搜索引擎
'
,
type:
'
line
'
,
data: [820, 932, 901, 934, 1290, 1330, 1320]
}
]
};
option25 = {
tooltip: {
trigger:
'
axis
'
,
axisPointer: {
type:
'
cross
'
,
label: {
backgroundColor:
'
#
6
a7985
'
}
},
order:
'
valueDesc
'
},
xAxis: [{
type:
'
category
'
,
boundaryGap: false,
data: [
'
周一
'
,
'
周二
'
,
'
周三
'
,
'
周四
'
,
'
周五
'
,
'
周六
'
,
'
周日
'
]
}],
yAxis: [{
type:
'
value
'
}],
series: [
{
name:
'
邮件营销
'
,
type:
'
line
'
,
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name:
'
联盟广告
'
,
type:
'
line
'
,
data: [220, 182, 191, 234, 290, 630, 310]
},
{
name:
'
视频广告
'
,
type:
'
line
'
,
data: [150, 232, 201, 154, 190, 430, 410]
},
{
name:
'
直接访问
'
,
type:
'
line
'
,
data: [320, 332, 301, 334, 390, 330, 320]
},
{
name:
'
搜索引擎
'
,
type:
'
line
'
,
data: [820, 932, 901, 934, 1290, 1330, 1320]
}
]
};
option26 = {
tooltip: {
trigger:
'
axis
'
,
axisPointer: {
type:
'
cross
'
,
label: {
backgroundColor:
'
#
6
a7985
'
}
},
order:
'
seriesDesc
'
},
xAxis: [{
type:
'
category
'
,
boundaryGap: false,
data: [
'
周一
'
,
'
周二
'
,
'
周三
'
,
'
周四
'
,
'
周五
'
,
'
周六
'
,
'
周日
'
]
}],
yAxis: [{
type:
'
value
'
}],
series: [
{
name:
'
邮件营销
'
,
type:
'
line
'
,
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name:
'
联盟广告
'
,
type:
'
line
'
,
data: [220, 182, 191, 234, 290, 630, 310]
},
{
name:
'
视频广告
'
,
type:
'
line
'
,
data: [150, 232, 201, 154, 190, 430, 410]
},
{
name:
'
直接访问
'
,
type:
'
line
'
,
data: [320, 332, 301, 334, 390, 330, 320]
},
{
name:
'
搜索引擎
'
,
type:
'
line
'
,
data: [820, 932, 901, 934, 1290, 1330, 1320]
}
]
};
option27 = {
tooltip: {
trigger:
'
axis
'
,
axisPointer: {
type:
'
cross
'
,
label: {
backgroundColor:
'
#
6
a7985
'
}
},
order:
'
seriesAsc
'
},
xAxis: [{
type:
'
category
'
,
boundaryGap: false,
data: [
'
周一
'
,
'
周二
'
,
'
周三
'
,
'
周四
'
,
'
周五
'
,
'
周六
'
,
'
周日
'
]
}],
yAxis: [{
type:
'
value
'
}],
series: [
{
name:
'
邮件营销
'
,
type:
'
line
'
,
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name:
'
联盟广告
'
,
type:
'
line
'
,
data: [220, 182, 191, 234, 290, 630, 310]
},
{
name:
'
视频广告
'
,
type:
'
line
'
,
data: [150, 232, 201, 154, 190, 430, 410]
},
{
name:
'
直接访问
'
,
type:
'
line
'
,
data: [320, 332, 301, 334, 390, 330, 320]
},
{
name:
'
搜索引擎
'
,
type:
'
line
'
,
data: [820, 932, 901, 934, 1290, 1330, 1320]
}
]
};
chart1.setOption(option1);
chart2.setOption(option2);
chart3.setOption(option3);
...
...
@@ -2947,6 +3148,10 @@ under the License.
chart21.setOption(option21);
chart22.setOption(option22);
chart23.setOption(option23);
chart24.setOption(option24);
chart25.setOption(option25);
chart26.setOption(option26);
chart27.setOption(option27);
});
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录