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?
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 } }] }); });
Comments
Post a Comment