example

HTML

<!DOCTYPE HTML>
<html>
<head>
	<script src="nativescript-webview-interface.js"></script> 
	<script type="text/javascript" src="canvasjs.min.js"></script>
	<script src="index.js"></script> 
</head>
	<body>
		<div id="batimento" style="height: 200px; width: 100%;"></div> 
		<div id="respiracao" style="height: 200px; width: 100%;"></div>
	</body>
</html>

JavaScript

(function(){

    var Batimento = window.nsWebViewInterface;

    var indexbatimento = 0;
    var indexrespiracao = 0;
    
    /**
     * Listen event for native events
     */
    function listenNativeEven(){
        Batimento.on('batimentos',function(dados){
            respiracao = dados.pop();
            bat = dados.pop();
            drawn_charts(bat,respiracao)
        })

    }
    function drawn_charts(pulse,breath)
    { 
        var batimento =[]
        var respiracao = []
        var chartBatimento = new CanvasJS.Chart("batimento", {
            backgroundColor:"#141414",
            title :{
            },
            axisX:{
                gridThickness: 0,
                tickLength: 0,
                lineThickness: 0,
                labelFormatter: function(){
                    return " ";
                }
            },
            axisY: {
                includeZero: false,
                gridThickness: 0,
                tickLength: 0,
                lineThickness: 0,
                labelFormatter: function(){
                return " ";
                }
            },
            data: [{
                type: "spline",
                markerSize: 0,
                dataPoints: batimento 
            }]
        });
        var chartBreath = new CanvasJS.Chart("respiracao", {
            backgroundColor:"#141414",
            title :{
            },
            axisX:{
                gridThickness: 0,
                tickLength: 0,
                lineThickness: 0,
                labelFormatter: function(){
                    return " ";
                }
            },
            axisY: {
                includeZero: false,
                gridThickness: 0,
                tickLength: 0,
                lineThickness: 0,
                labelFormatter: function(){
                return " ";
                }
            }, 
            data: [{
                type: "spline",
                markerSize: 0,
               ...