如何解决Highchart样条图,没有标记和图例标记作为圆圈
有人可以帮我吗,我需要在图像中将以下图例标记符号标记为圆圈吗?
我尝试在系列中添加 marker:圆,但是它不起作用。
我是Highcharts的新手。有什么办法可以解决这个问题?
谢谢。
注意:我的图表有多个系列。
{
"series": [{
"name": "Test series","data": [{
"y": 8,},{
"y": 10,{
"y": 15,{
"y": 8,}],"type": "spline","color": "#dd0014",marker: {
symbol: 'circle'
}
}],"xAxis": {
"categories": ["cat-1","cat-2","cat-3"],"plotOptions": {
"series": {
"marker": {
"symbol": "circle","enabled": false
},"legend": {
"align": "right","enabled": true,"y": 35,"x": 0,"verticalAlign": "top","layout": "vertical","itemStyle": {
"fontSize": "12px","fontWeight": "light"
},"reversed": true,"symbolRadius": 9,"itemMarginTop": 3,"itemMarginBottom": 3,"marker": "circle"
},"colors": ["#00B19D","#4E3363","#3A99D5","#00AE84","#49494A","#318ACA"],"credits": {
"enabled": false
},}
解决方法
浏览Highcharts文档后,我找到了一种解决方法。
chart: {
events: {
load: function() {
$(".highcharts-legend-item path").attr('stroke-width',10);
$(".highcharts-legend-item path").attr('d',"M 8 14.75 Z 61.25 61.25 99 1 1 33.45 44.00");
$(".highcharts-legend-item path").attr("stroke-linecap","round");
},redraw: function() {
$(".highcharts-legend-item path").attr('stroke-width',"round");
}
}
},
添加了此内容以使用JQUERY更新图例符号
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。