javascript - HighCharts JS - Getting multiple linear underlays on a scatter plot -


i'm trying make visualisations using highcharts javascript library, i'm hoping make similar these guys have on page:

research affiliates - 10yr expected risk & return

mainly, i'm trying work out how managed 2 solid linear areas on scatter graph represent different sharpe ratio levels. background image, or have somehow underlayed area chart under scatter chart?

enter image description here

has got experience this, or how code it?

basically, can combine kind of chart type.

see demo of scatter plot regression line.


as example of scatter plot combined stacked area chart, see following code , fiddle:

var y_max = 6; var x_max = 5;  $(function () {     $('#container').highcharts({         title: {             text: 'scatter plot stacked area ratio chart'         },         plotoptions: {             area: {                 stacking: 'normal'             }         },         xaxis: {             min: 0,             max: x_max         },         yaxis: {             min: 0,             max: y_max         },         series: [{             type: 'area',             name: 'ratio',             data: [{x: 0, y: 0}, {x: x_max, y: 0.4*y_max}]         }, {             type: 'area',             name: 'ratio',             data: [{x: 0, y: 0}, {x: x_max, y: 0.6*y_max}]         }, {             type: 'scatter',             name: 'observations',             data: [1, 0.5, 3.8, 5.5, 3.9, 2.2],             marker: {                 radius: 8             }         }]     }); }); 

fiddle


Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -