Chart

This tag defines a Silk Chart component which implements the ChartJS object from https://www.chartjs.org.

Tag Use

Used standalone:

<silk:Chart
  id=""
  title=""
  titlePlace="top"
  type="bar"
  dataSource=""
  labelColumn=""
  dataColumn=""
  backgroundColor="#1886C1"
  grid="true"
  legend="false"
  renderIf=""
  parentList=""
  indexAxis="x"
  tooltip="false"
  dataLabels="true"
/>

Properties

*Required property.

id*

The charts's unique identifier. Default Value: Empty.

title

Used to define the chart title. Default Value: Empty.

titlePlace

Sets the title's position Default Value: top.

type

Sets the chart's type using values from https://www.chartjs.org/docs/latest/charts/area.html. Default Value: bar.

dataSource*

Sets the dataSource which will be used to populate the chart. Default Value: Empty.

labelColumn*

Sets the column from the dataSource which will provide the label test. Default Value: Empty.

dataColumn*

Sets the column from the dataSource which will provide the data values. Default Value: Empty.

backgroundColor

Sets the chart background color. Default Value: #1886C1.

grid

Sets if chart will show a grid. Default Value: true.

legend

Sets if the char will show the legend. Default Value: false.

renderIf

The logic sentence which will define if the button should be rendered. The explanation on how to use the logic statement is found in Server Code Logic documentation. Default Value: Empty.

parentList

Set the list which will trigger the loading process Default Value: Empty.

indexAxis

Sets the chart index axis. Default Value: x.

tooltip

Sets if the tool tips will be displayed Default Value: false.

dataLabels

Sets if data labels will be displayed. Default Value: true.