var layoutStr = '<rMateChart backgroundColor="#ffffff" borderStyle="none">' +'<Options>' +'<Caption text="Price Indices of Meats ($ Per Kilogram)"/>' +'<SubCaption text="World Bank Commodity Price Data in 2024" textAlign="center" />' +'<Legend/>' +'</Options>' +'<NumberFormatter id="numFmt" precision="0"/>' +'<Line2DChart showDataTips="true" dataTipDisplayMode="axis" >' +'<horizontalAxis>' +'<CategoryAxis categoryField="Month" padding="0.2"/>' +'</horizontalAxis>' +'<verticalAxis>' +'<LinearAxis maximum="100"/>' +'</verticalAxis>' +'<series>' +'<Line2DSeries yField="Sheep" radius="5" displayName="Sheep" itemRenderer="RectangleItemRenderer">' +'<showDataEffect>' +'<SeriesInterpolate/>' +'</showDataEffect>' +'</Line2DSeries>' +'<Line2DSeries yField="Beef" radius="5" displayName="Beef" itemRenderer="CircleItemRenderer">' +'<showDataEffect>' +'<SeriesInterpolate/>' +'</showDataEffect>' +'</Line2DSeries>' +'<Line2DSeries yField="Chicken" radius="6" displayName="Chicken" itemRenderer="TriangleItemRenderer">' +'<showDataEffect>' +'<SeriesInterpolate/>' +'</showDataEffect>' +'</Line2DSeries>' +'</series>' +'</Line2DChart>' +'</rMateChart>';
var chartData = [{"Month":"Jan", "Beef":38.5, "Chicken":20, "Sheep":50}, {"Month":"Feb", "Beef":56.57, "Chicken":27.52, "Sheep":42}, {"Month":"Mar", "Beef":58.57, "Chicken":23.65, "Sheep":40}, {"Month":"Apr", "Beef":41.13, "Chicken":29.54, "Sheep":60}, {"Month":"May", "Beef":40.58, "Chicken":24.21, "Sheep":50}, {"Month":"Jun", "Beef":60.79, "Chicken":39.12, "Sheep":52.5}, {"Month":"Jul", "Beef":49.14, "Chicken":32.56, "Sheep":70.64}, {"Month":"Aug", "Beef":89.35, "Chicken":39.24, "Sheep":68.57}, {"Month":"Sep", "Beef":65.21, "Chicken":32.12, "Sheep":54.14}, {"Month":"Oct", "Beef":75.15, "Chicken":42.12, "Sheep":57.58}, {"Month":"Nov", "Beef":69.12, "Chicken":35.54, "Sheep":54.47}, {"Month":"Dec", "Beef":73.24, "Chicken":40.45, "Sheep":62.47}];