Highchart Javascript Framework - Multiline color chart(Plan Vs Actual)
Budget: ₹600 – ₹1,500 INR
This chart is multiline chart
One is plan [12 month data]here month is x axis and yaxis the number value
plan Data=[5, 7, 3, 8, 6,4,9,6,3,2,7,10] is not fixed it is dynamic change. color is dark blue
Another line is actual [12 month data]
actual data=[3, 4, 6, 5, 7,5,2,3,4,8,12,6] is not fixed it is dynamic change.
value data type is integer or float.
color based on condition: above the plan line -actual line color change green
below the plan line -actual line color change red.
Condition each month actual value should check with planned value if actual is higher it should turn green after the intersection itself, if the value is lower after the intersection it should turn red.
One is plan [12 month data]here month is x axis and yaxis the number value
plan Data=[5, 7, 3, 8, 6,4,9,6,3,2,7,10] is not fixed it is dynamic change. color is dark blue
Another line is actual [12 month data]
actual data=[3, 4, 6, 5, 7,5,2,3,4,8,12,6] is not fixed it is dynamic change.
value data type is integer or float.
color based on condition: above the plan line -actual line color change green
below the plan line -actual line color change red.
Condition each month actual value should check with planned value if actual is higher it should turn green after the intersection itself, if the value is lower after the intersection it should turn red.