当前位置:网站首页>Scatter chart - date
Scatter chart - date
2022-07-24 08:34:00 【lvxinaidou】
<div class="test"></div>
let mytestcharts = echarts.init(document.querySelector('.test') as any);
let option = {
tooltip: {
trigger: 'axis',
formatter: function (params:any) {
params = params[0];
console.log(params);
return ` date :${
params.value[0]}: value :${
params.value[1]}`;
},
axisPointer: {
animation: false
}
},
legend: {
right: '10%',
top: '3%',
textStyle: {
fontSize: 16
},
data: [' Machine 1', ' Machine 2']
},
xAxis: {
type: 'category',
name: ' date ',
axisLine: {
show: true,
symbol: ['none', 'arrow']
},
data: ['2022-01-01', '2022-01-02', '2022-01-03', '2022-01-04', '2022-01-05']
},
yAxis: {
type: 'value',
name: ' value ',
show: true,
boundaryGap: [0, '100%'],
splitLine: {
show: false
},
axisLine: {
show: true,
symbol: ['none', 'arrow']
}
},
series: [
{
name: ' Machine 1',
symbolSize: 20,
data: [
["2022-01-01", 8.04],
["2022-01-01", 5.95],
["2022-01-02", 3.58],
["2022-01-03", 10.81],
["2022-01-04", 8.33],
["2022-01-05", 5.66],
["2022-01-02", 1.95],
],
type: 'scatter'
},
{
name: ' Machine 2',
symbolSize: 20,
data: [
["2022-01-01", 11.04],
["2022-01-03", 7.95],
["2022-01-02", 5.58],
["2022-01-03", 3.81],
["2022-01-04", 9.33],
["2022-01-05", 7.66],
["2022-01-05", 4.95],
],
type: 'scatter'
}
]
};
mytestcharts.setOption(option);
effect :
边栏推荐
- 栈/堆/队列刷题(下)
- Beandefinition three ways to load beans
- Web3≠NFT? A digital Renaissance?
- Chinese brands in the historical process
- Using golang to implement RPC (1)
- Larave uses sanctum for API authentication
- Grpc learning notes
- Protocol buffer learning notes
- Wechat applet file types and functions
- Why does the metauniverse need NFT?
猜你喜欢

What is the difference between domestic "rocket heart" artificial heart and different artificial heart?

「题解」带分数

Bit.store, which has attracted much attention, is at a glance of the latest developments

Shanghai issued a document to support the entry of NFT cultural exchange: the trend of digital collections has arrived!

JMX Console 未授权访问漏洞

Move protocol global health declaration, step into Web3 in sports

JQ native write bullet frame mask layer

1、 Midwey addition, deletion, modification and query
![[Game Collection] mobile phones are about to burst, and a collection of six high-quality pyGame games is coming ~ (source code attached)](/img/9e/b237bfa891bd2beb9c1b8a612e9090.png)
[Game Collection] mobile phones are about to burst, and a collection of six high-quality pyGame games is coming ~ (source code attached)

Hack the box - Web requests module detailed Chinese tutorial
随机推荐
Introduction to wechat authorized login third-party app applet method
网络情人
"Explanation" change exchange
Limited and unlimited Games: crypto
Sed add content after a line
[MySQL] 08: aggregate function
Musk responded that the brain has been uploaded to the cloud: already did it!
Wargames bandit (21-33) problem solving essay
Is yuancosmos hype? Or the future
Crypto giants all in metauniverse, and platofarm may break through
Move protocol global health declaration, step into Web3 in sports
Error lnk2019: unresolved external symbol [email protected]
Draw a circular radar chart with canvas
Larave uses sanctum for API authentication
1、 Midwey addition, deletion, modification and query
【情感】何为“优秀”
「题解」火神之友
dba
Is gamefi in decline or in the future?
The beta version of move protocol is stable, and it is temporarily decided to expand the scale of the prize pool