javascript - 请用小红点的效果 echarts自身某个参数可以直接增加这个功能吗
本文介绍了javascript - 请用小红点的效果 echarts自身某个参数可以直接增加这个功能吗的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
折线图上面小红点 如何实现 echarts 哪个参数 谢谢
解决方案
markPoint
干这事。
http://echarts.baidu.com/opti...
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>ECharts</title>
<link rel="stylesheet" type="text/css" href="" />
<script type="text/javascript" src="https://s.zys.me/js/echarts/echarts.min.js"></script>
</head>
<body>
<div id="chart" style="width: 800px; height: 500px;"></div>
<script type="text/javascript">
var opt = {
xAxis : [
{
type : 'category',
data : ['30-40岁', '40-50岁', '50-60岁', '60岁以上']
}
],
yAxis : [
{ type : 'value' }
],
series : [
{
name:'人数',
type:'bar',
barWidth: '60%',
data: [
{value: 10},
{value: 50},
{value: 90},
{value: 40}
],
markPoint: {
symbol: 'circle',
symbolSize: 10,
data: [
{x: 300, y: 100, name: '标注'}
]
},
}
]
}
echarts.init(document.getElementById('chart')).setOption(opt);
</script>
</body>
</html>
这篇关于javascript - 请用小红点的效果 echarts自身某个参数可以直接增加这个功能吗的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文