Javascript 如何始终在highcharts中的可缩放日期时间图表中显示标记?
在highcharts的可缩放日期时间图表中,我无法将标记可见性设置为visible。将其悬停为visible,否则将其隐藏。当我放大它时,它仍然是隐藏的。这是我的密码: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.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非常感谢你,是的,你说得对,你的代码很好,但我的代码不好,请看: