how to set mark on specific point of highchart

Question

User-1045082127 posted

hi everybody. this is highchart

this is my snipped code :

option.series.push({
						gridLineColor: '#197F07',
						name: 'alarmed',
						legendIndex: index,
						color: '#cf2400',
						data: data.alarmed.data,
						yAxis: index,
						//  marker: {
						//  	enabled: true,
						//  	radius: 5,
						//  	fillColor:"#ff2d00"
						// }
					});

how can I set marker on specific point of data for example index 10 of data(not all ) ? 

tnx and regards

I cant do it using zone :

						zones:[{
							value:0,
							color: "green",
							marker:{
								enabled:true
							}
						  }
						]

Answer 1

User1535942433 posted

Hi aminsoraya,

As far as I think,you could foreach the data and you could mark on these specific point.Just like this:

for (var p in Data) {
    var point = Data[p];
    if (point==10) {
        point.marker = {enabled: true,radius: 5,fillColor:"#ff2d00"};

    } else {
        point.marker = {radius:5};
    }
}

More details,you could refer to below article:

https://stackoverflow.com/questions/27243212/how-to-show-specific-point-to-show-specific-information-in-highcharts

Best regards,

Yijing Sun

Answer 2

User-1045082127 posted

tnx for replies but it not working fo me:

for (var p in data.alarmed.data) {
						var point = data.alarmed.data[p];
						if (point[1]===1) {
							point.marker = {enabled: true,radius: 5,fillColor:"#ff2d00"};
					
						} else {
							//point.marker = {radius:5};
						}
					};

					option.series.push({
						gridLineColor: '#197F07',
						name: 'alarmed',
						legendIndex: index,
						color: '#cf2400',
						data: data.alarmed.data,
						Axis:'y'					
					});

Answer 3

User-1045082127 posted

finally I wind to found the problems. that is inconsistency of our data alias(missed):

according to bellow Array(2) Need Alias name (x,y) after clone their to new array with new alias name the marker works properly. best regards