UNPKG

@domoinc/multiline

Version:

MultiLine - Domo Widget

189 lines (124 loc) 3.89 kB
## Configuration Options #### chartName Type: `string` Default: `"Multiline"` Name of the chart #### chartPrimarySeriesColors Type: `colorArray` Default: `[["#D9EBFD","#B7DAF5","#90c4e4","#73B0D7","#4E8CBA","#31689B"],["#DDF4BA","#BBE491","#A0D771","#80C25D","#559E38","#387B26"],["#FDECAD","#FCCF84","#FBAD56","#FB8D34","#E45621","#A43724"],["#F3E4FE","#DDC8EF","#C5ACDE","#B391CA","#8F6DC0","#7940A1"],["#FCD7E6","#FBB6DD","#F395CD","#EE76BF","#CF51AC","#A62A92"],["#D8F4DE","#ABE4CA","#8DD5BE","#68BEA8","#46998A","#227872"],["#FDDDDD","#FCBCB7","#FD9A93","#FD7F76","#e45850","#c92e25"]]` The primary colors used to represent series data #### generalWashoutColor Type: `color` Default: `"#E4E5E5"` Color used to indicate elements that are not being highlighted #### height Type: `number` Default: `250` Units: `px` #### highlightType Type: `string` Default: `"hover"` Type of highlighting #### hover Type: `boolean` Default: `true` Whether or not to have hover effects #### initialAnimation Type: `select` Default: `{"name":"Animate","value":true}` Enable or disable the initial animation #### labelValue Type: `function` Default: `"function (d) {\n\t return _Chart.a('Y Axis')(d);\n\t }"` Value shown on the permanent label #### lineDashArray Type: `string,function` Default: `"none"` stroke-dasharray to use for lines #### lineHighlight Type: `string` Default: `"series"` How to highlight the lines #### lineOpacity Type: `number,function` Default: `"function (d, i) {\n\t return 1;\n\t }"` Number or array of numbers to use for the line opacities #### permanentLabelSeries Type: `number` Default: `-1` Show label on each point of a series #### pointHighlight Type: `string` Default: `"series"` How to highlight the points #### pointOpacity Type: `number,function` Default: `"function (d, i) {\n\t return 0;\n\t }"` Function that returns the opacity for the points #### pointStyle Type: `function` Default: `"function (container) {\n\t container.append('circle')\n\t .attr({\n\t 'r': _Chart.c('radiusSize'),\n\t 'cx': _Chart.c('radiusSize'),\n\t 'cy': _Chart.c('radiusSize')\n\t });\n\t }"` Style to use for points #### radiusSize Type: `number` Default: `5` Units: `px` Radii of the line points #### shouldValidate Type: `boolean` Default: `true` Flag for turning off data validation #### showGradients Type: `select` Default: `{"name":"Hide","value":false}` Show or hide colored gradient areas under the lines #### showTooltip Type: `select` Default: `{"name":"Show","value":true}` undefined #### showTooltipOnPointTrigger Type: `boolean` Default: `false` Whether or not to show the tooltip on point trigger #### showVoronoi Type: `boolean` Default: `true` Whether or not to draw the voronoi layer #### strokeWidth Type: `number` Default: `1` Units: `px` Width of the line #### tooltipBackgroundColor Type: `color` Default: `"#555555"` Background color of the tooltip #### tooltipFontFamily Type: `string` Default: `"Open Sans"` Font family for the tooltip #### tooltipTextColor Type: `color` Default: `"#FFFFFF"` Color of the tooltip text #### tooltipTextSize Type: `number` Default: `12` Units: `px` Size of the tooltip text #### tooltipValue Type: `function` Default: `"function (d) {\n\t return i18n.summaryNumber(_Chart.a('Y Axis')(d)) + ' | ' + _Chart.a('Series')(d);\n\t }"` Value shown on the tooltip #### updateSizeableConfigs Type: `boolean` Default: `true` Flag for turning off the mimic of illustrator's scale functionality #### width Type: `number` Default: `250` Units: `px` #### xScaleType Type: `string` Default: `"date"` Type of x scale