text: import React, { Component } from "react";
  import { View } from "react-native";
  
  import ReactNativeHugecharts from "react-native-hugecharts";
  
  export default class App extends Component {
    render() {
      var Highcharts = "Highcharts";
      var conf = {
        chart: {
          type: "spline",
          animation: Highcharts.svg, // don't animate in old IE
          marginRight: 10,
          events: {
            load: function() {
              // set up the updating of the chart each second
              var series = this.series[0];
              setInterval(
                function() {
                  var x = new Date().getTime(), // current time
                    y = Math.random();
                  series.addPoint([x, y], true, true);
                },
                1000
              );
            }
          }
        },
        title: {
          text: "Live random data "
        },
        xAxis: {
          type: "datetime",
          tickPixelInterval: 150
        },
        yAxis: {
          title: {
            text: "Value"
          },
          plotLines: [
            {
              value: 0,
              width: 1,
              color: "#808080"
            }
          ]
        },
        tooltip: {
          formatter: function() {
            return "<b>" +
              this.series.name +
              "</b><br/>" +
              Highcharts.dateFormat("%Y-%m-%d %H:%M:%S", this.x) +
              "<br/>" +
              Highcharts.numberFormat(this.y, 2);
          }
        },
        legend: {
          enabled: false
        },
        exporting: {
          enabled: false
        },
        series: [
          {
            name: "Random data",
            data: (function() {
              // generate an array of random data
              var data = [], time = new Date().getTime(), i;
  
              for (i = -19; i <= 0; i += 1) {
                data.push({
                  x: time + i * 1000,
                  y: Math.random()
                });
              }
              return data;
            })()
          }
        ]
      };
  
      return (
        <View>
          <ReactNativeHugecharts style={{ height: 300 }} configuration={conf} />
        </View>
      );
    }
  }
  