Configure chart properties

Basic

The basic settings allow customization of the chart's appearance and interactivity:

1. Background: Configure background for the chart. You can choose gradient view or palette view to select the background color. Select apply to save the changes.

2. Panning: Enable Panning to move the view without changing the zoom level.

3. Zoom Type: Select the Zoom Type from the drop-down menu.

4. ShowArea: Enable showArea option to display area in the chart view.

5. Pankey: Enter the keyboard control used to interact (pan) a chart.

6. Font Family: Enter the font family name used in the chart.

7. Stacking: Select either normal or percentage stacking.

Legend

Configure the legend settings to control how the legend appears. By default, you can configure enabled and position.

8. Enabled: Enable the option to view the legend on the chart.

9. Select the position where the legend needs to be displayed in the chart view.

10. Select the icon to view align and verticalAlign configuration. Select the alignment from the dropdown list.

Label

The labels are the text elements on the chart. By default, you can configure enabled, color, and Outline Color.

11. Color: Configure label color for the chart. You can choose gradient view or palette view to select the background color. Select apply to save the changes.

12. Enabled: Enable the option to view the labels on the chart.

13. Outline color: Configure the outline color for the chart. You can choose gradient view or palette view to select the background color. Select apply to save the changes.

14. Select the icon to view format configuration. Select the format value from the dropdown.

Series

Add and configure individual data series on the chart.

15. Add New series: Select +ITEM to add a new series of item to the chart. Select the item type from the drop down and then provide a name to the item.

16. Delete a series: Select -LAST ITEM to delete the recently added item and then select ALL to delete all items.

17. Select the icon to view DashStyle, linewidth, and yAxis configuration.

18. DashStyle: Select the style for the series line.

19. LineWidth: Enter the line width for the chart.

20. Stack: Determines whether to stack the values of each series on top of one another. Possible values are: undefined to disable stacking, "normal" to stack by value, or "percent" to stack as percentages.

21. YAxis: Configure series positioning on the Y-Axis.

Annotations

Annotations can be used to add extra information on the chart.

22. Add Annotations: Select +ITEM to add a new annotation to the chart. Select the item type from the drop down and then provide a name to the item.

23. Delete Annotations: Select -LAST ITEM to delete the recently added item and then select ALL to delete all items.

24. In Item, configure, label options, and labels.

25. LabelOptions: Options for annotation labels are inherited from the labelOptions object. However, any option within labelOptions can be overridden by specific configurations for individual labels.

    1. BackgroundColor: Configure Background for the label option. You can choose gradient view or palette view to select the background color. Select apply to save the changes.

    2. Select the for basic to view Vertical Align and Y configuration.

    3. Vertical Align: Select vertical align position for labels.

    4. Y: Configure Y axis position.

26. Labels:

    1. Add labels: Select +ITEM to add a new series of item to the chart. Select the item type from the drop down and then provide a name to the item.

    2. Delete labels: Select -LAST ITEM to delete the recently added item and then select ALL to delete all items.

    3. Basic configuration includes point, text, and X.

    4. Text: In the text field enter the text.

    5. Point configuration, enter the value for X, Y, Xaxis, YAxis.

Colors

For all the available items in the chart choose the color.

27. You can choose gradient view or palette view to select the chart area color. Select apply to save the changes.

Subtitle

You can configure subtitle text for the chart. By default, configure the text.

28. Select the icon to view other configurations.

29. Text: Enter the text for subtitle.

30. Align: Select the alignment for the subtitle from the dropdown list.

31. Title Text Color: You can choose gradient view or palette view to select the subtitle color. Select apply to save the changes.

32. Font Weight: Select if the subtitle should appear bold or normal.

33. Vertical Align: Select vertical align position for subtitle.

Title

You can configure title text for the chart. By default, configure the text.

34. Select the icon to view other configurations.

35. Text: Enter the text for title.

36. Align: Select the alignment for the title from the dropdown list.

37. Title Text Color: You can choose gradient view or palette view to select the title color. Select apply to save the changes.

38. Font Weight: Select if the title should appear bold or normal.

39. Align: Select alignment for the title.

40. Vertical Align: Select vertical align position for title.

Tooltip

By default, you can configure background color, enabled and shared.

41. BackgroundColor: Configure Background for the tooltip. You can choose gradient view or palette view to select the background color. Select apply to save the changes.

42. Enabled: Select this option to enable tooltip on the chart.

43. Shared: Choose whether the tooltip should be shared across multiple chart elements.

44. Format: This option allows you to customize the template for the tooltip content.

XAxis

Configure X-Axis for the chart. By default, configure opposite, plotBands, title, and visible.

45. Opposite: This option determines whether to display the axis on the opposite side of its default position. For vertical axes, the default is on the left, and for horizontal axes, it's at the bottom; the opposite sides would be on the right and top, respectively. This setting is commonly used with dual or multiple axes. By default, it is set to false.

46. Visible: Enable the option to view the XAxis on the chart.

47. PlotBands: A series of colored bands extending across the plot area to indicate an interval on the axis.

    1. Select +ITEM to add a new annotation to the chart.

    2. Select the item type from the drop down and then provide a name to the item.

    3. Select -LAST ITEM to delete the recently added item and then select ALL to delete all items.

    4. BackgroundColor: Configure Background for the plot bands. You can choose gradient view or palette view to select the background color. Select apply to save the changes.

    5. From: The starting position of the plot band in axis units.

    6. Label: Enter the text for the Plot bands.

    7. To: The ending position of the plot band in axis units.

48. Title: By default, configure the text.

    1. Select the icon to view other configurations.

    2. Text: Enter the text for title.

    3. Align: Select the alignment for the title from the dropdown list.

    4. Title Text Color: You can choose gradient view or palette view to select the title color. Select apply to save the changes.

    5. Font Weight: Select if the title should appear bold or normal.

    6. Vertical Align: Select vertical align position for title.

49. Categories:

    1. Select +ITEM to add a new annotation to the chart.

    2. Select the item type from the drop down and then provide a name to the item.

    3. Select -LAST ITEM to delete the recently added item and then select ALL to delete all items.

50. Grid Line Color: Configure Background for the grid lines. You can choose gradient view or palette view to select the background color. Select apply to save the changes.

51. Grid LineWidth: Enter the width of the grid line.

YAxis

Configure Y-Axis for the chart. By default, configure opposite, plotBands, title, and visible.

52. Opposite: Specifies whether to display the axis on the opposite side of its default position. For vertical axes, the default is on the left, and for horizontal axes, it's at the bottom; the opposite sides are right and top, respectively. This is often used with dual or multiple axes. By default, it is set to false.

53. Visible: Enable the option to view the XAxis on the chart.

54. PlotBands: A series of colored bands extending across the plot area to indicate an interval on the axis.

    1. Select +ITEM to add a new annotation to the chart.

    2. Select the item type from the drop down and then provide a name to the item.

    3. Select -LAST ITEM to delete the recently added item and then select ALL to delete all items.

    4. BackgroundColor: Configure Background for the plot bands. You can choose gradient view or palette view to select the background color. Select apply to save the changes.

    5. From: The starting position of the plot band in axis units.

    6. Label: Enter the text for the Plot bands.

    7. To: The ending position of the plot band in axis units.

55. Title: By default, configure the text.

    1. Select the icon to view other configurations.

    2. Text: Enter the text for title.

    3. Align: Select the alignment for the title from the dropdown list.

    4. Title Text Color: You can choose gradient view or palette view to select the title color. Select apply to save the changes.

    5. Font Weight: Select if the title should appear bold or normal.

    6. Vertical Align: Select vertical align position for title.

56. Categories:

    1. Select +ITEM to add a new annotation to the chart.

    2. Select the item type from the drop down and then provide a name to the item.

    3. Select -LAST ITEM to delete the recently added item and then select ALL to delete all items.

57. Grid Line Color: Configure Background for the grid lines. You can choose gradient view or palette view to select the background color. Select apply to save the changes.

58. Grid LineWidth: Enter the width of the grid line.