how to set mark on specific point of highchart[Answered] RSS

• • Reply
  aminsoraya

  Member

  16 Points

  86 Posts

  how to set mark on specific point of highchart

  Oct 04, 2020 09:35 AM|aminsoraya|LINK

  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
  							}
  						  }
  						]

  

• • Reply
  yij sun

  Contributor

  3730 Points

  1409 Posts

  Re: how to set mark on specific point of highchart

  Oct 05, 2020 03:01 AM|yij sun|LINK

  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

  .NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.
• • Reply
  aminsoraya

  Member

  16 Points

  86 Posts

  Re: how to set mark on specific point of highchart

  Oct 05, 2020 06:07 AM|aminsoraya|LINK

  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'					
  					});

  

• • Reply
  aminsoraya

  Member

  16 Points

  86 Posts

  Re: how to set mark on specific point of highchart

  Oct 05, 2020 07:28 AM|aminsoraya|LINK

  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