How to set up charts - AtlasOfLivingAustralia/biocollect Wiki

Introduction

This chart feature enables to view the records in graphs.

Steps

Configure Pie chart configs


{ "mainTitleInsertTotalAt": "26", "mainTitlePosition": "top", "dataIsCustomChartData": "false", "dataUseCount": "false", "dataToPercentage": "false", "mainLabels": [ { "newLabel": "from 0 to < 100", "originalLabel": "from 0 to < 100" } ], "hoverOffset": "4", "bgColorsAvailable": [ "rgb(221, 229, 116)", "rgb(19, 28, 20)", "rgb(222, 211, 191)", "rgb(23, 54, 34)" ], "borderColorsAvailable": [ "rgb(221, 229, 116)", "rgb(169, 28, 0)", "rgb(222, 211, 191)", "rgb(237, 154, 34)" ], "mainTitleDisplay": "true", "mainTitle": "Count", "borderWidth": "0", "responsive": "true", "mainLabelsShowAll": "true" }

Configure Bar chart configs


{ "legendDisplay": "false", "mainTitleInsertTotalAt": "22", "mainTitlePosition": "top", "xDisplay": "true", "dataIsCustomChartData": "false", "dataUseCount": "true", "yDisplay": "true", "yTitleDisplay": "true", "dataToPercentage": "false", "mainLabels": [ { "newLabel": "Australia", "originalLabel": " Australia" }, { "newLabel": "Algeria", "originalLabel": " Algeria" }, { "newLabel": "Worldwide", "originalLabel": " Worldwide" }, { "newLabel": "Andorra", "originalLabel": " Andorra" }, { "newLabel": "Anguilla", "originalLabel": " Anguilla" }, { "newLabel": "American Samoa", "originalLabel": " American Samoa" }, { "newLabel": "Afghanistan", "originalLabel": " Afghanistan" } ], "hoverOffset": "0", "bgColorsAvailable": [ "rgba(255,248,238,1)", "rgba(255,228,196, 1)", "rgba(222,184,135, 1)", "rgba(205,133,63, 1)", "rgba(139,69,19, 1)", "rgba(127,12,7, 1)", "rgba(227,88,127, 51)" ], "borderColorsAvailable": [ "rgba(92, 19, 16, 1)", "rgba(92, 19, 16, 1)", "rgba(92, 19, 16, 1)", "rgba(92, 19, 16, 1)", "rgba(92, 19, 16, 1)", "rgba(92, 19, 16, 1)", "rgba(92, 19, 16, 1)" ], "xType": "category", "yTitle": "Total", "mainTitle": "Countries", "mainTitleDisplay": "true", "borderWidth": "1", "xTitle": "Country", "mainLabelsShowAll": "true", "yBeginAtZero": "true", "xTitleDisplay": "true" }