Chart | |
Type | widget |
Dictionary | widget.chart |
Library | Chart |
Associations | com.livecode.widget.chart |
Summary | This widget displays data in the form of charts. |
OS | mac, windows, linux, ios, android, web |
Description | The Chart widget is a wrapper for Chart.js v3.7.0 in LiveCode. It allows you to create beautiful and highly customizable charts, in a simple way. Data can be displayed as a line graph, bar chart, radar chart, donut/pie chart, polar chart, bubble chart or scatter plot. |
Type | Name | Summary | Syntax |
---|---|---|---|
handler | OnStartEditing | * * EVENTS * | OnStartEditing() |
property | backgroundDataColors | The background color of the data sets | set the backgroundDataColors of widget to {RGB | RGBA} get the backgroundDataColors of widget |
- - - | chartBackgroundColor | Specifies an chart background color. | set the chartBackgroundColor of widget to {RGB | RGBA} get the chartBackgroundColor of widget |
- - - | chartJSONData | Gets or sets the data to display the chart in JSON format | set the chartJSONData of widget to <JSON string> get the chartJSONData of widget |
- - - | chartJSONOptions | Gets or sets options for displaying the chart in JSON format | set the chartJSONOptions of widget to <JSON string options> get the chartJSONOptions of widget |
- - - | chartType | This property defines the type of chart to be displayed | set the chartType of widget to { line | bar | radar | donut | foot | polar | bubble | scatter } get the chartType of widget |
- - - | colorSet | Default color styles with which the chart is drawn. | set the Colorset of widget to <Colorset name> get the Colorset of widget |
- - - | colorSetNames | Names of color sets | get the colorSetNames of widget |
- - - | csvData | Gets or sets the data to display the chart in CSV format | set the csvData of widget to <CSV Data> get the csvData of widget |
- - - | dataBorderColor | dataset border color | set the dataBorderColor of widget to {RGB | RGBA} get the dataBorderColor of widget |
- - - | dataBorderWidth | dataset border width | set the dataBorderWidth of widget to <integer> get the dataBorderWidth of widget |
- - - | dataLabels | Gets or sets the labels for each dataset | set the dataLabels of widget to {label 1,label 2, ...} get the dataLabels of widget |
- - - | datasetLabels | label showing each data set | set the DatasetLabels of widget to <Labels> get the DatasetLabels of widget |
- - - | enableAnimations | Enable and disable animations in chart | set the enableAnimations of widget to {true | false} get the enableAnimations of widget |
- - - | enableToolTip | Enable or disable chart tooltips. | set the enableToolTip of widget to {true | false} get the enableToolTip of widget |
- - - | gridLineColor | The color of chart grid lines | set the gridLineColor of widget to {RGB | RGBA} get the gridLineColor of widget |
- - - | indexAxis | Sets the major axis for charts that use the Cartesian coordinate system. | set the indexAxis of widget to {"x" | "y"} get the indexAxis of widget |
- - - | legendAlign | Alignment of the Legend | set the legendAlign of widget to {"start" | "center" | "end"} get the legendAlign of widget |
- - - | legendPosition | The position of the chart's legend | set the legendPosition of widget to {"top" | "left" | "bottom" | "right"} get the legendPosition of widget |
- - - | legendTextColor | The text color of the chart's legend | set the legendTextColor of widget to {"RGBA"} get the legendTextColor of widget |
- - - | legendUsePointStyle | Shows the style of the points in the legend. | set the legendUsePointStyle of widget to {true | false} get the legendUsePointStyle of widget |
- - - | lineBorderDash | Length and spacing of the dashes in the line of the line chart. | set the lineBorderDash of widget to pixelsOn [, pixelsOff] get the lineBorderDash of widget |
- - - | lineTension | determines whether line charts are drawn curved or not. | set the lineTension of widget to <number> get the lineTension of widget |
- - - | lockChartUpdates | Block the update of the chart when changing its properties. | set the lockChartUpdates of widget to {true | false} get the lockChartUpdates of widget |
- - - | maxXScale | the maximum value that the scale can take on the x-axis | set the maxXScale of widget to <number> get the maxXScale of widget |
- - - | maxYScale | the maximum value that the scale can take on the y-axis | set the maxYScale of widget to <number> get the maxYScale of widget |
- - - | minXScale | the minimum value that the scale can take on the x-axis | set the minXScale of widget to <number> get the minXScale of widget |
- - - | minYScale | the minimum value that the scale can take on the y-axis | set the minYScale of widget to <number> get the minYScale of widget |
- - - | pointRadius | The radius of the points that are drawn on the charts. | set the pointRadius of widget to <number> get the pointRadius of widget |
- - - | pointStyle | The styles of the points that are drawn on the charts. | set the pointStyle of widget to {circle | cross | crossRot | dash | line | rect | rectRounded | rectRot | star | triangle} get the pointStyle of widget |
- - - | scalesTextColor | scales text color | set the scalesTextColor of widget to {RGB | RGBA} get the scalesTextColor of widget |
- - - | scaleXBorderDash | Length and spacing of dashes on the x-axis line. | set the scaleXBorderDash of widget to pixelsOn [, pixelsOff] get the scaleXBorderDash of widget |
- - - | scaleXStacked | Stack the data on the x-axis | set the scaleXStacked of widget to {ture | false} get the scaleXStacked of widget |
- - - | scaleXTextSize | the size of the text in x-axis scale | set the scaleXTextSize of widget to <integer> get the scaleXTextSize of widget |
- - - | scaleYBorderDash | Length and spacing of dashes on the y-axis line. | set the scaleYBorderDash of widget to pixelsOn [, pixelsOff] get the scaleYBorderDash of widget |
- - - | scaleYStacked | Stack the data on the y-axis | set the scaleYStacked of widget to {ture | false} get the scaleYStacked of widget |
- - - | scaleYTextSize | the size of the text in y-axis scale | set the scaleYTextSize of widget to <integer> get the scaleYTextSize of widget |
- - - | showLegend | Specifies whether legend of the chart is displayed. | set the showLegend of widget to {true | false} get the showLegend of widget |
- - - | showSubtitle | Specifies whether subtitle of the chart is displayed. | set the showSubtitle of widget to {true | false} get the showSubtitle of widget |
- - - | showTitle | Specifies whether title of the chart is displayed. | set the showTitle of widget to {true | false} get the showTitle of widget |
- - - | showXScale | hides and shows the scale on the x-axis | set the showXScale of widget to {ture | false} get the showXScale of widget |
- - - | showYScale | hides and shows the scale on the y-axis | set the showYScale of widget to {ture | false} get the showYScale of widget |
- - - | subtitle | Specifies the string to display as the subtitle of the chart. | set the subtitle of widget to subtitleString |
- - - | subtitleAlign | Alignment of the subtitle | set the subtitleAlign of widget to {"start" | "center" | "end"} get the subtitleAlign of widget |
- - - | subtitleColor | Specify a color for the subtitle text | set the subtitleColor of widget to {Color RGB | Color RGBA} get the subtitleColor of widget |
- - - | subtitleFont | Specifies the font face of text in the subtitle of chart. | set the subtitleFont of widget to fontName get the subtitleFont of widget |
- - - | subtitleFontLineHeight | Determines the height of the subtitle line. | set the subtitleFontLineHeight of widget to {"normal" | "inherit" | "initial" | "revert" | "unset" | number [ em | % ]} get the subtitleFontLineHeight of widget |
- - - | subtitleFontSize | Specifies the point size of text displayed in subtitle | set the subtitleFontSize of widget to pointSize get the subtitleFontSize of widget |
- - - | subtitleFontStyle | Specify the appearance of the subtitle text | set the subtitleFontStyle of widget to {"normal" | "italic" | "oblique" | "initial" | "inherit"} get the subtitleFontStyle of widget |
- - - | subtitleFontWeight | This property sets the weight (or bold) of the subtitle font. | set the subtitleFontWeight of widget to {"normal" | "bold" | "lighter" | "bolder" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "inherit" | "initial" | "revert" | "unset"} get the subtitleFontWeight of widget |
- - - | subtitleFullSize | Point out that the subtitle box should occupy the entire width/height of box. | set the subtitleFullSize of widget to {true | false} get the subtitleFullSize of widget |
- - - | subtitlePadding | Padding to apply around the subtitle. | set the subtitlePadding of widget to <integer> get the subtitlePadding of widget |
- - - | subtitlePosition | The position of the chart's subtitle | set the subtitlePosition of widget to {"top" | "left" | "bottom" | "right"} get the subtitlePosition of widget |
- - - | title | Specifies the string to display as the title of the chart. | get the title of <widget> set the title of <widget> to <pTitle> |
- - - | titleAlign | Alignment of the title | set the titleAlign of widget to {"start" | "center" | "end"} get the titleAlign of widget |
- - - | titleColor | Specify a color for the title text | set the titleColor of widget to {Color RGB | Color RGBA} get the titleColor of widget |
- - - | titleFont | Specifies the font face of text in the title of chart. | set the textFont of widget to fontName get the textFont of widget |
- - - | titleFontLineHeight | Determines the height of the title line. | set the titleFontLineHeight of widget to {"normal" | "inherit" | "initial" | "revert" | "unset" | number [ em | % ]} get the titleFontLineHeight of widget |
- - - | titleFontSize | Specifies the point size of text displayed in title | set the titleFontSize of widget to <pointSize> get the titleFontSize of widget |
- - - | titleFontStyle | Specify the appearance of the banner text | set the titleFontStyle of widget to {"normal" | "italic" | "oblique" | "initial" | "inherit"} get the titleFontStyle of widget |
- - - | titleFontWeight | This property sets the weight (or bold) of the title font. | set the titleFontWeight of widget to {"normal" | "bold" | "lighter" | "bolder" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "inherit" | "initial" | "revert" | "unset"} get the titleFontWeight of widget |
- - - | titleFullSize | Point out that the title box should occupy the entire width/height of box. | set the titleFullSize of widget to {true | false} get the titleFullSize of widget |
- - - | titlePadding | Padding to apply around the title. | set the titlePadding of widget to <integer> get the titlePadding of widget |
- - - | titlePosition | The position of the chart's title | set the titlePosition of widget to {"top" | "left" | "bottom" | "right"} get the titlePosition of widget |
- - - | tsvData | Gets or sets the data to display the chart in TSV format | set the tsvData of widget to <TSV Data> get the tsvData of widget |
widget | Chart | This widget displays data in the form of charts. | set the tsvData of widget to <TSV Data> get the tsvData of widget |