samarthagarwal

<script src="https://code.highcharts.com/highcharts.js"></script>

samarthagarwal

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="display: block;"></div>

samarthagarwal

var myChart = Highcharts.chart('container', {
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Fruit Consumption'
    },
    xAxis: {
        categories: ['Apples', 'Bananas', 'Oranges']
    },

samarthagarwal

Highcharts.chart('container', {
    chart: {
        type: 'pie'
    },
    title: {
        text: 'Browser market shares January, 2017 to Decmber, 2017'
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },

samarthagarwal

series: [
{
  name: "Browsers",
  data: [
    {
      name: "MSIE",
      y: 10,
      color: colors[0]
    },
    {

samarthagarwal

var colors = Highcharts.getOptions().colors;

samarthagarwal

{
  name: "Versions",
  data: [
    { name: "MSIE 6.0", y: 0.5, color: colors[0] },
    { name: "MSIE 7.0", y: 1.5, color: colors[0] },
    { name: "MSIE 8.0", y: 2, color: colors[0] },
    { name: "MSIE 9.0", y: 2, color: colors[0] },
    { name: "MSIE 10.0", y: 2, color: colors[0] },
    { name: "MSIE 11.0", y: 2, color: colors[0] },
    { name: "Firefox v31", y: 1, color: colors[1] },

samarthagarwal

var dataset1 = [];
var dataset2 = [];

for (var i = 0; i < 16; i++) {
  dataset1.push(Math.floor(Math.random() * 10 + 1));
  dataset2.push(Math.floor(Math.random() * 10 + 1));
}

samarthagarwal

var myChart = Highcharts.chart("container", {
  chart: {
    type: "spline"
  },
  title: {
    text: "Crypto - Rates"
  },
  yAxis: {
    title: {
      text: "Currency Rates"

samarthagarwal

var index = 0;
setInterval(() => {
  myChart.series[0].addPoint(Math.floor(Math.random() * 10 + 1), false, true);
  myChart.series[1].addPoint(Math.floor(Math.random() * 10 + 1), true, true);
  index++;
}, 2000);