widgets.pbChart.pbChart.json Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of ui-designer-artifact-builder-generator-angularjs Show documentation
Show all versions of ui-designer-artifact-builder-generator-angularjs Show documentation
This module is a generator on AngularJS for Artifact Builder
{
"id" : "pbChart",
"name" : "Chart",
"type" : "widget",
"custom" : false,
"modelVersion" : "2.6",
"description" : "Graphical display of numerical data to ease understanding. This widget is based on angular-chart-0.8.1, which is based on Chart.js. For information see http://jtblin.github.io/angular-chart.js/ and http://www.chartjs.org/docs/. Available chart types to display a single set of data are pie, doughnut, and polar area. For multiple sets of data, available chart types are bar, line, and radar.",
"template" : "@pbChart.tpl.html",
"controller" : "@pbChart.ctrl.js",
"properties" : [
{
"label" : "Type",
"name" : "type",
"help" : "A multiple set chart shows one or more set of data",
"type" : "choice",
"defaultValue" : "Doughnut",
"choiceValues" : [
{
"group" : "Single set charts",
"value" : "Doughnut",
"label" : "Doughnut"
},
{
"group" : "Single set charts",
"value" : "Pie",
"label" : "Pie"
},
{
"group" : "Single set charts",
"value" : "PolarArea",
"label" : "Polar Area"
},
{
"group" : "Multiple set charts",
"value" : "Bar",
"label" : "Bar"
},
{
"group" : "Multiple set charts",
"value" : "Line",
"label" : "Line"
},
{
"group" : "Multiple set charts",
"value" : "Radar",
"label" : "Radar"
}
],
"bond" : "constant"
},
{
"label" : "Data",
"name" : "data",
"caption" : "Comma-separated list or variable",
"help" : "A variable that contains a JSON array (single set) or JSON array of arrays (multiple sets) where each array is a set. The data can be obtained by a BDM query, API call (default or extension), or JavaScript that retrieves and formats external data",
"type" : "collection",
"defaultValue" : [
65,
59,
80,
81,
56,
55,
40
],
"bond" : "expression"
},
{
"label" : "Labels",
"name" : "labels",
"help" : "The scale labels for the x-axis for line and bar charts, ray labels for a radar chart, sector labels for single set charts",
"type" : "collection",
"defaultValue" : [
"January",
"February",
"March",
"April",
"May",
"June",
"July"
],
"bond" : "expression"
},
{
"label" : "Set labels",
"name" : "setLabels",
"caption" : "Comma-separated list",
"showFor" : "['Line', 'Bar', 'Radar'].indexOf(properties.type.value) > -1",
"type" : "collection",
"defaultValue" : [
"Default set label"
],
"bond" : "expression"
},
{
"label" : "Legend hidden",
"name" : "legendHidden",
"help" : "The legend shows the sector labels for single set charts, and the set labels for multiple set charts",
"type" : "boolean",
"defaultValue" : true,
"bond" : "constant"
},
{
"label" : "Colors",
"name" : "colors",
"caption" : "For example #FF0000, #0066FF",
"help" : "The hex codes for the sector colors for single set charts, or for the set colors for multiple set charts. If not specified, default colors are used",
"type" : "collection",
"bond" : "expression"
},
{
"label" : "Advanced options",
"name" : "options",
"caption" : "See chart.js for details of the chart options for each type of chart. Specify a JSON structure corresponding to the options you want",
"type" : "text",
"bond" : "expression"
}
],
"assets" : [
{
"id" : "5723fc04-8375-49e6-aef3-2fa276262ace",
"name" : "angular-chart-0.8.1.min.js",
"type" : "js",
"order" : 2,
"external" : false
},
{
"id" : "c6f86c7e-3ee1-4a4b-9f1c-7318fa25b859",
"name" : "angular-chart-0.8.1.css",
"type" : "css",
"order" : 0,
"external" : false
},
{
"id" : "06b227f7-1d72-4e3f-861c-ccb97d473842",
"name" : "Chart-1.0.2.min.js",
"type" : "js",
"order" : 1,
"external" : false
}
],
"requiredModules" : [
"chart.js"
],
"webResources" : [ ],
"icon" : "",
"order" : 21,
"hasHelp" : false
}