Help:Jqplotseries format

(Redirected from Scatter plot)
Jump to: navigation, search
Jqplotseries format
Has description::enable sets of numerical data to be displayed as a chart series using the jqPlot Javascript library
Available languages
Expression error: Unrecognized punctuation character "{".
Scenarios, examples, demos
Example: Jqplotseries
Image collection
{{#ask: has image collection::jqplotseries|?has description|widths=220|heights=220|format=gallery|order=random|widget=slideshow|overlay=yes|class=demo-center|navigation=auto|autocaptions=no}}
Further Information
Provided by: Semantic Result Formats
Added: Has minimum version::1.8.0
Removed: Has maximum version::still supported
Requirements: Has further requirements::none
Format name: Has format name::jqplotseries
Enabled by default: {{#info:Indicates whether the result format is enabled by default upon installation of the respective extension.}} Is enabled by default::Yes
Authors: {{#set:Has author=James Hong Kong}}James Hong Kong
Categories: {{#ask: Has category::charts Docinfo status::effective[[Docinfo language::{{#show:Help:Jqplotseries format|?Docinfo language|link=none|format=list}}]] ?Has description format=broadtable headers=show link=all class=sortable wikitable smwtable offset= searchlabel=charts limit=0


Group: {{#set:Has group=jqPlot}}{{#ask:Has group::jqPlot|?Has description|limit=0|searchlabel=jqPlot|format=datatables}} , {{#set:Has group=data visualization}}{{#ask:Has group::data visualization|?Has description|limit=0|searchlabel=data visualization|format=datatables}}
Class: SRFjqPlotSeries, SMWResultPrinter
Table of Contents

↓ INFO ↓

The result format jqplotseries, enables a set of numerical data to be displayed as a chart series using the jqPlot Javascript library.

The ['group'] (property, subject) parameter is used as indicator to distinguish between different sets of data within the same result set.

jqplotseries is an experimental printer supporting different chart layouts such as bar, line, stacked bar/line, and bubble charts.



Parameter options

  • charttype( 'bar', 'line', 'donut', 'bubble', 'scatter' )
  • direction ( 'horizontal', 'vertical' )
  • group ( 'property' , 'subject' )
  • grouplabel ( 'property' , 'subject' )
  • chartlegend ( 'none', 'nw','n', 'ne', 'e', 'se', 's', 'sw', 'w' )
  • datalabels ( 'none', 'value', 'label', 'percent' )
  • theme ( 'vector', 'simple' )
  • startangle ( '10', etc. ) some number between 0 and 359 for charttype donut

How to group data sets

Depending of its source (page as subject, or property as subject marker), data can be grouped either as "property" or "subject" with some chart types require a certain order of how data are presented as rows/columns.

How to influence display and styling

The height and width parameter are responsible for specifying a charts dimension while the class parameter can be used to adjust its position within page (float right, float left etc. see some examples here)

Another possibility to influence the display is to use the parameter "tableview" showing a chart and its corresponding datatable next to each other using a tabs ui (see here).


Bubble chart

The bubble chart is expecting data in a pre-defined order with properties representing a specific container class of content. Each data row is expected to be defined by four columns including a label (string type), x value (number type), y value (number type), and radius value (number type).

Data model

Column 0 Column 1 Column 2 Column 3
Purpose Label X value Y value Radius
Data Type string number number number
Role data data data data

Scatter plot

The scatter plot requires that x-axis values are of type string therefore a data set declaration should include [x as (string), x as(number), y(number), y2 ... ). A regression (trendline) will be generated for available data sets.

Data model

Column 0 Column 1 ... Column N
Purpose Data point X values Series 1 Y values ... Series N Y values
Data Type number number ... number
Role data data ... data


{{#ask:|format=ul|class=examples}} {{#ask: Has printer format::jqplotserieshas example visibility::Yes|?Has title|?Has description|template=UL.title.description|headers=hide|link=none|format=ul|column=2|}}

{{#ask: Has best practices::jqplotseries|?Has title|?Has description|template=UL.title.description|headers=hide|link=none|format=ul|column=2|intro=

Best practices


See also

  • jqplotseries and jqplotchart do not support the display in tabs (or headertabs), if you are interested in a solution please visit the following website.

{{#set: |docinfo status=effective }}{{#set: |worn by =Template:Docinfo |warning =Master page updated }}{{#set:

|worn by =Template:Docinfo
|warning =No description

|revision id=39898 |namespace=Help |docinfo progress =100 |docinfo priority =3 }}{{#set:docinfo master page=Help:Jqplotseries format }}{{#set:docinfo master rev =39898 }}{{#set:docinfo category=-}}{{#set:docinfo author=User:MWJames}}{{#set:docinfo editor=User:Kghbln}}{{#set:docinfo support=-}}{{#set:docinfo language=en}}

This documentation page applies to all SMW versions from 1.8.0 to the most current version.
Other versions: {{#ask: Docinfo master page::Help:Jqplotseries format Docinfo language::en from version::!1.8.0|
   ?from version = |
   ?to version = |
   sort = from version|
   order = desc|
   sep=, |
   limit = 3|
   searchlabel = […]
  }}       Other languages: {{#ask: Docinfo master page::Help:Jqplotseries format from version::1.8.0 Docinfo language::!en|
  ?Docinfo language =|
  sep=, |
  sort = Docinfo language|
  order = asc|
  limit = 10|
  searchlabel = […]

Docinfo master page::Help:Jqplotseries format Docinfo language::en from version::1.8.0

{{#set:Release status=current}}

{{#set:Is master page=true}}