Home
Macro Language Elements
The section contains detailed specifications for all 1010data Macro Language elements.
Application Development
<widget>
<widget> is used to define all visual components of a QuickApp, including drop-downs, text boxes, tables, and calendars. The form a widget takes is controlled by the class_ attribute.
class_="graphics"
Using <widget class_="graphics"> creates a graph generated by 1010data's visualization engine.
<graphspec>
The <graphspec> element is contained by a <widget> of class_="graphics". <graphspec> allows you to specify various chart-related properties such as type, legend position, axes labels, width, height, and theme.
<chart>
Provides the ability to control individual chart titles, sampling behavior, and appearance forms. <chart> elements must be contained inside <graphspec> elements.
<grid>
The <grid> element specifies whether to include graphing lines behind the graphic. A single <grid> element must be contained within a <chart> element.

Macro Language Elements
The section contains detailed specifications for all 1010data Macro Language elements.
- Data Transformation
  Data transformation operations use functions and expressions to functionally alter tabular data. These operations take 0, 1, or 2 tables as input and produce a single table as a result.
- Blocks
  Blocks allow users to reuse sections of Macro Language code and to parameterize values in that code for greater flexibility and power.
- Application Development
  - <dynamic>
    The <dynamic> element creates an environment in 1010data that maintains the state of system interactions and controls the running of queries.
  - <render>
    The <render> element provides the ability to configure certain QuickApp widgets when rendered to available output targets. A single <render> element contains one or more elements that specify output targets and settings for the final output.
  - <layout>
    The <layout> element is a nestable pseudo-operation that can be used to organize <widget> elements and other <layout> elements.
  - <widget>
    <widget> is used to define all visual components of a QuickApp, including drop-downs, text boxes, tables, and calendars. The form a widget takes is controlled by the class_ attribute.
    - class_="alert"
      The alert widget displays a message to the user when an event triggers an alert. (Available as of prod-9)
    - class_="bokehchart"
      <widget class_="bokehchart"> allows you to create data visualizations. (Available as of version 13.30)
    - class_="browser"
      Using <widget class_="browser"> creates a file-browser that enables the end-user of the QuickApp to select 1010data objects such as tables, folders, and queries.
    - class_="buildgrid"
      Using <widget class_="buildgrid"> provides an editable, expandable grid for entering data into a temp table.
    - class_="button"
      Using <widget class_="button"> creates a button that can be configured to perform many actions and initiate interactions.
    - class_="chart"
      Using <widget class_="chart"> allows you to create client-side data visualizations rendered by the Kendo UI ®charting engine. (Available as of version 10.16)
    - class_="checkbox"
      Using <widget class_="checkbox"> creates a simple checkbox with a label.
    - class_="checklist"
      Using <widget class_="checklist"> creates a set of checkboxes with horizontal or vertical orientation.
    - class_="color"
      Using <widget class_="color"> creates a widget that allows the end-user to select a color value.
    - class_="date"
      Using <widget class_="date"> creates an input field with an accompanying calendar widget for easier date selection.
    - class_="draggable"
      Using <widget class_="draggable"> creates drag-and-drop biscuits to add columns to different drop zones.(Available as of version 13.04)
    - class_="dropdown"
      Using <widget class_="dropdown"> creates a drop-down menu.
    - class_="dropdownlist"
      Using <widget class_="dropdownlist"> creates a drop-down menu with multi-select capabilities that preserve the order of items clicked. (Available as of prod-9)
    - class_="editgrid" (deprecated)
      Using <widget class_="editgrid"> creates a table whose cells can be edited in the browser.
    - class_="expression"
      The expression widget provides assistance in composing 1010data expressions. (Available as of version 11.18)
    - class_="field"
      Using <widget class_="field"> creates a text input field.
    - class_="font"
      Using <widget class_="font"> creates a widget that allows the end user to select a font and related properties such as size and style.
    - class_="gauge"
      Using <widget class_="gauge"> creates a linear or radial gauge that displays scalar data on a specified range of values. (Available as of prod-9)
    - class_="gmap"
      Using <widget class_="gmap"> creates a graphical map that can be used to display geographical information. This widget is powered by the Google Maps service.
    - class_="graphics"
      Using <widget class_="graphics"> creates a graph generated by 1010data's visualization engine.
      - <graphspec>
        The <graphspec> element is contained by a <widget> of class_="graphics". <graphspec> allows you to specify various chart-related properties such as type, legend position, axes labels, width, height, and theme.
        <chart>
        Provides the ability to control individual chart titles, sampling behavior, and appearance forms. <chart> elements must be contained inside <graphspec> elements.
        <axes>
        The <axes> element provides the ability to control chart labels and axes scales/ranges. A single <axes> element must be contained within a <chart> element.
        <data>
        The <data> element provides the ability to select data sources for a chart to define series data, labels, or other chart elements.
        <legend>
        The <legend> element provides the ability to customize the appearance of the legend in a chart. A single <legend> element must be contained within a <chart> element.
        <ticks>
        The <ticks> element provides the ability to control the orientation of specific axes' ticks. A single <axes> element must be contained by a <chart> element.
        <style>
        The <style> element provides the ability to adapt the style of the theme. A single <style> element can live outside of <chart> or within. If outside, the <style> tag applies to all <chart> tags. If within, the settings overwrite any settings of a parent <style> tag.
        <grid>
        The <grid> element specifies whether to include graphing lines behind the graphic. A single <grid> element must be contained within a <chart> element.
        <geograph>
        The <geograph> element is used to specify one or more layers of polygons that represent geographic regions such as U.S. states, counties, and ZIP code areas along with data associated with these polygons. The <geograph> element is a child of <graphspec>, which is specified within <widget class_="graphics">.
        Export formats
        A chart defined by the <graphspec> element can be exported in a number of formats.
        Color themes
        A <graphspec> element can specify a color theme via the theme attribute.
    - class_="grid"
      Using <widget class_="grid">, the results from a 1010data query can be displayed in a tabular format.
    - class_="image"
      Using <widget class_="image"> inserts an image into the layout of a QuickApp.
    - class_="lineup"
      The <widget class_="lineup"> is a specialized alternative to <widget class_="sorter">, which allows for selection, ordering, and sorting from a collection of columns or similar objects. (Available as of version 12.06)
    - class_="link"
      Using <widget class_="link"> creates an HTML hyperlink.
    - class_="list"
      Using <widget class_="list"> creates a scrollable box with a list of values that can be selected by clicking or lassoing.
    - class_="logout"
      Sends a logout command to the server.
    - class_="menu"
      Using <widget class_="menu"> creates a hierarchical menu bar with cascading submenus that can submit action or alter variables on selection. (Available as of prod-9)
    - class_="nest"
      Using <widget class_="nest">, widgets can be dynamically generated based on parameterized values.
    - class_="progressbar"
      Using <widget class_="progressbar"> creates a progress bar with several display modes. (Available as of prod-9)
    - class_="querytree"
      Using <widget class_="querytree"> provides a display of hierarchical data with nested parent/child nodes. (Available as of prod-9)
    - class_="radio"
      Using <widget class_="radio"> creates a set of radio buttons with horizontal or vertical orientation.
    - class_="radiobutton"
      Using <widget class_="radiobutton"> creates a button that assigns the value of a specified expression to a dynamic variable when the button is clicked. The button can assume different guises.
    - class_="receiver"
      Using <widget class_="receiver"> updates dynamic variables when it receives JavaScript messages sent from external web applications.
    - class_="slider"
      Using <widget class_="slider"> creates a sliding value widget.
    - class_="sorter"
      Using <widget class_="sorter"> creates a scrollable box with a list of values that can be sorted, or two lists in which values that can be moved from one to the other and sorted within each individual list.
    - class_="spy"
      Detects the size of the display area used to show a QuickApp and changes values in a package variable when the dimensions of the display area change. These values can then be used to change dimensional aspects of the QuickApp.
    - class_="table"
      Using <widget class_="table"> creates a fixed table ideal for displaying a relatively small dataset. The current maximum size for a table widget is 1000 rows and 500 columns. Any results from a 1010data query can be displayed in this table/grid element.
    - class_="taglist"
      Provides an input box for multiple strings which are then parsed into tags. (Available as of version 15.04)
    - class_="terminal"
      Provides an xterm-compatible terminal emulator as a widget.
    - class_="text"
      Using <widget class_="text"> displays text in the QuickApp.
    - class_="textbox"
      Using <widget class_="textbox"> creates a large text field for entering and editing arbitrary text, including 1010data Macro Language code.
    - class_="transmitter"
      Using <widget class_="transmitter"> sends a JavaScript message to the web application in which the QuickApp is contained, notifying it when the values of specified dynamic variables have changed.
    - class_="value"
      A value widget displays the value of its bound variable, formatted appropriately for its type. (Available as of version 11.19)
  - <do>
    A <do> clause within a <dynamic> provides the ability for <dynamic> variables to be updated when some variable within the scope of the <dynamic> is changed.
  - <do action_="sql">
    <do action_="sql"> provides a programmatic API to the SQL metadata store. (Available as of version 17.29)
  - <loop>
    <loop> is a special operation that allows one query to iteratively reference the data from each row in the results of another query.

`<grid>`

The <grid> element specifies whether to include graphing lines behind the graphic. A single <grid> element must be contained within a <chart> element.

Syntax

<dynamic>
  <widget class_="graphics"> 
    [1010data_QUERY] 
      <graphspec> 
        <chart> 
          <data x="" y=""/> 
          <legend/>
          <grid/> 
          <axes/> 
          <ticks/>
          <style/>
        </chart> 
    </graphspec> 
  </widget> 
</dynamic>

The [1010data_QUERY] may be specified between the opening and closing tags of the <widget>. The results of the query provide data for the <widget> to display.

Attributes

Note: The <grid> element works with the following charts:

Line
Bar
Histogram 1d
Scatter
Bridge
Boxwhisker

hide

Specifies whether to show or hide the grid lines behind a chart.

Valid values are 0 to show and 1 to hide.

If no value is specified, the default is to hide the the grid.

Example: Bar Chart

This example creates a simple bar chart showing sales totals for three stores with grid lines behind the bar chart.

<dynamic>
  <widget class_="graphics" base_="pub.demo.retail.item" width_="600" height_="400">
    <tabu label="Tabulation on Sales Item Detail" breaks="store">
      <tcol source="sales" fun="sum" label="Sum of`Sales"/>
    </tabu>
    <graphspec width="600" height="400">
      <chart type="bar" title="Sales by Store" samples="25">
        <data x="store" y="t0"/>
        <legend hide="0"/>
        <axes xlabel="Store" ylabel="Sales"/>
        <grid hide="0"/>
        <ticks xrot="25"/>
        <style titlesize="36" bg="lightblue"/>
      </chart>
    </graphspec>
  </widget>
</dynamic>