By default, the legend items for each series are display vertically. Is there a way to list them horizontally and also centered beneath the chart. See attached screenshot for desired layout.
Hello Ray,
Yes, you can list the legends’ items horizontally. To do so you should set orientation property of the legend to horizontal like this:
$("#chartSelector").igDataChart({ width: "80%", height: "300px", dataSource: data, legend: { element: "legend", orientation: "horizontal" }, axes: [ … ], series: [ … ] });
You can also center the legend under the chart with a little CSS. For example you may put chart and legend in flex container and align them as you need.
Please check this sample and let me know if this solves your issue or if you have any additional questions on this matter.
I did want to mention, however, that I could never find "orientation" in any of the online documentation. The documentation should be updated to reflect all available options for defining the legend.