Javascript 如何始终在highcharts中的可缩放日期时间图表中显示标记?

Javascript 如何始终在highcharts中的可缩放日期时间图表中显示标记?,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,在highcharts的可缩放日期时间图表中,我无法将标记可见性设置为visible。将其悬停为visible,否则将其隐藏。当我放大它时,它仍然是隐藏的。这是我的密码: Highcharts.chart('projecttimeline', { chart: { zoomType: 'x', type: 'area', resetZoomButton: { position: { align: 'left',

在highcharts的可缩放日期时间图表中,我无法将标记可见性设置为visible。将其悬停为visible,否则将其隐藏。当我放大它时,它仍然是隐藏的。这是我的密码:

Highcharts.chart('projecttimeline', {
chart: {
    zoomType: 'x',
    type: 'area', 
    resetZoomButton: { 
        position: {
            align: 'left', 
            verticalAlign: 'top',  
            x: 5,
            y: 5
        }
    }
},
title: {
    text: 'نمودار پیشرفت پروژه در واحد زمان'
},
subtitle: {
    text: document.ontouchstart === undefined ?
            'بر روی نمودار کلیک کنید و بکشید تا بزرگ شود' : 'با دو انگشت نمودار را بزرگ کنید'
},
xAxis: {
    type: 'datetime',
    tickmarkPlacement: 'on',
    labels: {
        formatter: function() {  
            return persianDate(new Date(this.value)).format("YYYY-MM-DD HH:mm:ss"); 
        }
    }
},
yAxis: {
    min: 0, max: 100 ,
    title: {
        text: 'درصد پیشرفت'
    },
    labels: {
        formatter: function() {  
            return toPersiandigit(this.value+""); 
        }
    }
},
legend: {
    enabled: false
}, 
plotOptions: {
    area: {
        color : _opened.darkc,
        fillColor:Highcharts.Color(_opened.lightc).setOpacity(0.3).get('rgba'),
        marker: {
            fillColor:"#000000",
            radius: 2 
        }  
    }
},
tooltip: {
    useHTML: true,
    formatter: function() {
        var d = prgtimedate[this.series.data.indexOf( this.point )];
        return (
            '<div class="" dir="rtl" align="right">تسک: ' +d[3] +'</div>'+
            '<div class="" dir="rtl" align="right">توسط: '+ d[4] +'</div>'+
            '<div class="" dir="rtl" align="right">پیشرفت به: '+toPersiandigit(d[1]+"")+'</div>'+
            '<div class="" dir="ltr" align="right">'+
                persianDate(new Date(this.x)).format("YYYY-MM-DD HH:mm:ss")
            +'</div>'
        );
    }
},
series: [{ 
    name: 'زمان',
    data: prgtimedate 
}]
});
Highcharts.chart('projecttimeline'{
图表:{
zoomType:'x',
类型:'区域',
重置ZoomButton:{
职位:{
对齐:“左”,
垂直排列:“顶部”,
x:5,
y:5
}
}
},
标题:{
课文:'
},
副标题:{
text:document.ontouchstart==未定义?
'بر روی نمودار کلیک کنید و بکشید تا بزرگ شود' : 'با دو انگشت نمودار را بزرگ کنید'
},
xAxis:{
键入:“日期时间”,
勾选位置:“on”,
标签:{
格式化程序:函数(){
返回日期(新日期(此值)).format(“YYYY-MM-DD HH:MM:ss”);
}
}
},
亚克斯:{
最小值:0,最大值:100,
标题:{
正文:“ددپیشفت”
},
标签:{
格式化程序:函数(){
返回到PersiandGit(this.value+“”);
}
}
},
图例:{
已启用:false
}, 
打印选项:{
面积:{
颜色:_opened.darkc,
fillColor:Highcharts.Color(_opened.lightc)。setOpacity(0.3)。get('rgba'),
标记:{
fillColor:#000000“,
半径:2
}  
}
},
工具提示:{
是的,
格式化程序:函数(){
var d=prgtimedate[本系列数据索引(本点)];
返回(
تسک:'+d[3]+''+
توسط:'+d[4]+''+
پیشفتبه:“+topersandigit(d[1]+”)+”+
''+
persianDate(新日期(this.x)).格式(“YYYY-MM-DD HH:MM:ss”)
+''
);
}
},
系列:[{
名称:“زمان”,
数据:prgtimedate
}]
});
这是一个问题,我该怎么解决呢


查看JSFIDLE:

您可以将标记设置为在系列选项中始终可见,如下所示

series: [{ 
    name: 'زمان',
    data: data,
    marker:{
     enabled: true
    }
}]
可以找到标记的更多选项


这就是您试图实现的目标吗?

您可以将标记设置为在系列选项中始终可见,如下所示

series: [{ 
    name: 'زمان',
    data: data,
    marker:{
     enabled: true
    }
}]
可以找到标记的更多选项


这就是您想要实现的目标吗?

您能为您的问题准备一个简单的工作示例吗?我已经用固定数据尝试了你的代码,我这边看起来还可以:@grzegorzblachlinski非常感谢你,是的,你说得对,你的代码很好,但我的代码不好,请看一下:你能为你的问题准备一个最简单的工作示例吗?我已经用固定数据尝试了你的代码,我这边看起来还可以:@GrzegorzBlachliński非常感谢你,是的,你说得对,你的代码很好,但我的代码不好,请看: