69
Views
12
Comments
More Charts Scattered Graph Lines
Question
Hi,
I will use the More Charts Scattered Graph to presents  a industrial quality items graph. I would like to know if is possible plot two adicional lines to this graph, representing the good quality area of the item that is being represented. The attached file shows this.

Thanks 
Scatter_Lines.jpg
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP
Hi Roberto,

Since you already looked at the hicharts web site since your example seems to come from there, if it's not on there the answer surely would be "it's not possible".
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP
Googled some more, and you may want something like this: https://www.highcharts.com/demo/combo-regression. I have too little experience with the platform charts to be able to guide you how to manage that, unfortunately.
2018-06-14 12-24-08
Roberto Campos
Thanks Kilian,

I saw the link and may be I can use the combination graphs showed in the page. But I have the same problem as you, little experience with the charts. By the way, I will use the More Charts Graph Forge (developed by Andre Vieira) that allows to do this more easy. But if my need requires modify the scripts and programming aspects, it is hard to me.

Thank you very much,

Roberto
2020-03-05 15-52-45
André Vieira
Staff
Hi Roberto,

You should be able to achieve that by adding the following to the JSON parameter of the web block:

yAxis : {
plotLines : [{
value : 0.6738,
      color : 'green',
      dashStyle : 'shortdash',
      width : 2,
      label : {
      text : 'Last quarter minimum'
      }
  }, {
      value : 0.7419,
      color : 'red',
      dashStyle : 'shortdash',
      width : 2,
      label : {
          text : 'Last quarter maximum'
      }
  }]
}
 
Check the highcharts API documentation for reference on these attributes.
Cheers
2018-06-14 12-24-08
Roberto Campos
Thanks André,

It works very well. Let me do another question. Is possible include a 3rd data in point tip? See attached file. The customer would like to know to each pair of date and value, the lot number.

Thanks again,

Roberto
Scatter_Tip.png
2020-03-05 15-52-45
André Vieira
Staff
Hi Roberto,

The DataPoint structure has a field for the tooltip so you can pretty much add whatever you want there. Check the HighCharts API documentation, I believe that field supports some HTML.
2018-06-14 12-24-08
Roberto Campos
Thanks André! Can you send me a link to this documentation? I saw the site and only get the examples links.

Best Regards,

Roberto
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP
Come on Roberto, you can do better! highcharts.com, top menu, next to "Demo" is "Docs" ;)
2018-06-14 12-24-08
Roberto Campos
Sorry André! An other question: can the axis values (0.67 and 0.74 in your example)  be put in variables that I set before show the graph?

Thank you very much
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP
Roberto, that's an ordinary text you are setting right? So what about:

"yAxis : {
plotLines : [{
value : " + DecimalToText(myVar) + ",
      color : 'green',
      dashStyle : 'shortdash',
      width : 2,
      label : {
      text : 'Last quarter minimum'
      }
  }" etc.?
2018-06-14 12-24-08
Roberto Campos
Hi Kilian,

Thank you very much. It works very well. I appreciate you by teach me to manipulate the JSON scrit using the build functions. Very good, problem solved.

André,

Thank you too, your guided of the tooltip attribute works very weel. I formed a string with several data that I need shows and the result was very good.
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP
Roberto,

You're welcome :). It reminds me that the platform needs a proper string formatting function, so to make it less akward (e.g. akin to C# so you can do ".... value : {0}, color: green, ...", myVar or the like).
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.