Icon

    This feature is available since BellaDati 2.9.4

    It is possible to define a custom renderer which will be used to display a specific chart or table. This renderer is defined in an extension. The user then has the option to select the renderer in chart appearance or table appearance settings.

    Extension structure

    • Empty HTML head and HTML body 
    • Resources
      • chart-renderer.js implementing rendeCHARTTYPE_ext(canvasID, chartJSON, color) function

    Content of chart-renderer.js

    Javascript responsible for rendering specific chart. Each chart type must have own render function. Rendering functions:

    Chart typeFunction nameJSON structure
    PierenderPIE_extPie
    BarrenderBAR_extBar Chart
    Stacked barrenderBAR_STACK_extStack Bar Chart
    LinerenderLINE_extLine Chart
    ScatterrenderSCATTER_extScatter Chart
    Horizontal scatterrenderHSCATTER_extHorizontal Scatter Chart
    Horizontal barrenderHBAR_extHorizontal Bar Chart
    RadarrenderRADAR_extRadar chart
    Horizontal stacked barrenderHBAR_STACK_extHorizontal Stack Bar Chart
    HistogramrenderHISTOGRAM_extHistogram Chart
    Box plotrenderBOX_PLOT_extBox Plot Chart
    Heat maprenderMEMBERS_extHorizontal Heat Map Chart
    CombinedrenderCOMBINED_extCombined Chart
    ThermometerrenderTHERMOMETER_extThermometer Chart
    FunnelrenderFUNNEL_extFunnel Chart
    SpeedometerrenderSPEEDOMETER_extSpeedometer Chart
    CandlerenderCANDLE_extCandle Chart
    Tree maprenderTREE_MAP_extTree Map Chart
    BulletrenderBULLET_extBullet Chart
    Horizontal bulletrenderHBULLET_extHorizontal Bullet Chart
    GanttrenderGANTT_extGantt Chart
    XYrenderXY_extXY Scatter Plot Chart

     

    Function takes trhee parameters: canvas ID and chartJSON holding JSON chart data produced by BellaDati (see Report API) and color of the space that is filled. 

    Speedometer chart rendere example:

    Sample extension

    Extension-SpeedometerRenderer.zip

    • No labels