首页 前端知识 ECharts柱状图上方添加指定照片

ECharts柱状图上方添加指定照片

2024-05-29 10:05:49 前端知识 前端哥 31 101 我要收藏

示图:

Echatrs结构代码:

option = {
xAxis: {
type: "category",
data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
},
yAxis: {},
series: [
{
data: [200, 250, 901, 934, 1290, 1330, 1320],
type: "bar",
markPoint: {
data: [
{
symbol:
"image://https://echarts.apache.org/zh/images/logo.png?_v_=202 //图片地址
xAxis: 0, //图片所处x轴index(在第几个柱状图上)
yAxis: 260, //y轴对应的值 serires[xAxis]+60让图片浮于柱子上方
},
{
symbol:
"image://https://echarts.apache.org/zh/images/logo.png?_v_=202
xAxis: 1,
yAxis: 310,
},
{
symbol:
"image://https://echarts.apache.org/zh/images/logo.png?_v_=202
xAxis: 2,
yAxis: 0,
},
{
symbol:
"image://https://echarts.apache.org/zh/images/logo.png?_v_=202
xAxis: 3,
yAxis: 0,
},
{
symbol:
"image://https://echarts.apache.org/zh/images/logo.png?_v_=202
xAxis: 4,
yAxis: 0,
},
{
symbol:
"image://https://echarts.apache.org/zh/images/logo.png?_v_=202
xAxis: 6,
yAxis: 0,
},
],
symbolSize: [30, 30],
label: {
show: false,
},
},
},
],
};
复制
转载请注明出处或者链接地址:https://www.qianduange.cn//article/10013.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!