Back

Info popup example

Shows how to format a values displayed in the info popup.

Documentation Open in JSFiddle
Start Free Trial Purchase

HTML

HTML 
<script src="https://cdn.zoomcharts-cloud.com/1/nightly/zoomcharts.js"></script>

<div id="demo"></div>

CSS

CSS 
//No CSS for this example

JavaScript

JavaScript 

    var t = new TimeChart(
            {
                container: document.getElementById("demo"),
                data:
                {
                    units: ["h"],
                    url: "/dvsl/data/time-chart/temperature-kuldiga-h.json"
                },
                series: [
                    {
                        name: "Average temperature",
                        type: "columns",
                        data: {
                            index: 1,
                            aggregation: "avg"
                        },
                        style: {
                            fillColor: "lightgreen"
                        }
                    }
                ],
                info: {
                    valueFormatterFunction: function (val) {
                        return val ? (val.avg.toFixed(2) + " C") : "No data";
                    }
                }
            }
    );

Data

Data 
//Data too large to output
Download Data