Hi,
I'm attempting to implement combined charts in a traditional format. I'll share my code shortly. How can I dynamically pass spline values for the columns I'm using as data points? I'll provide my JSON and a screenshot for reference.
"colors: ['#00245d'],xAxis : {labels: { style: { color: '#008e5b', fontWeight:'bold' } }},series: [ { pointWidth: 10, name: 'Plan', color : '#00245d', type: 'column', Opacity:0.1, borderRadiusTopLeft: '20px', borderRadiusTopRight: '20px' },{ marker: { enabled: true }, type: 'spline', name: 'Actual', data:[2,5,9,9,7] }],plotOptions: {series: { showInLegend: false, fillOpacity:0.1}, tooltip: { borderRadius: 0, borderWidth: 0, borderColor: 'white'}}"
Believe you are looking for combining line chart and bar chart in the same visualisation. Please refer to similar discussion at https://www.outsystems.com/forums/discussion/70121/how-to-combine-line-and-column-chart-with-2-series/. I have attached a reference implementation.
Hi @Siya thanks for your reply
But I don't have the updated version of the chart like the one you shared. RegardsBala
I see that you are building a Traditional Web App, and I didn't notice earlier. Here is a version for your Traditional Web App. You need to set DataSeriesJSON for the series, and it will work.