Get started
Built-in charts & reports
Dashboard gadgets
Self scripted charts
Manage permissions
Import and export scripted charts
xCharts API Javadoc
Chart scripting examples
Additional product info
changes.mady.by.user Decadis AG
Saved on Feb 23, 2018
changes.mady.by.user Iheb Kharab
Saved on Jun 01, 2022
function formatTooltipAsHours(value, ratio, id, index) { return value.toFixed(2) + ' h'; } function formatQuarter(d) { if (d instanceof Date) { var q = d.getMonth(); q = parseInt(q / 3) + 1; return 'Q' + q; } return ''; } function formatHalfyear(d) { if (d instanceof Date) { var q = d.getMonth(); q = parseInt(q / 6) + 1; return 'H' + q; } return ''; } var c3arg = { onrendered: updateFrameHeight, data: chartData, grid: { y: { show: true }, x: { show: true } }, axis: { x: { type: 'timeseries', label: { text: chartData.custom.xLabel, position: 'outer-left' }, tick: { format: eval(chartData.custom.xTickFormat), culling: { max: 25 }, fit: true, multiline: false } }, y: { label: chartData.ytype } } }; if (chartData.custom && chartData.custom.tooltip) { var tooltipFunction = eval(chartData.custom.tooltip); c3arg.tooltip = { format: { value: tooltipFunction } }; } if ( chartData.custom && chartData.custom.gauge_max) { c3arg.gauge = { max: parseFloat(chartData.custom.gauge_max) }; } c3.generate(c3arg);