html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

//Open Console Please

anychart.onDocumentReady(function () {

​

 const bullet = anychart.bullet(

     [

      {

        x: "Forecasted",

        value: 50,

        type: "column",

        gap: 0.3,

        fill: { color: "#347911" },

        stroke: "2 #E47911 0.9",

      },

      {

        x: "Actual",

        value: 40,

        type: "column",

        gap: 0.3,

        fill: { color: "#E47911" },

        stroke: null,

      },

      {

        x: "Budgeted",

        value: 60,

        type: "line",

        gap: 0.2,

        stroke: { thickness: 2, color: "black" },

      },

    ]);

​

  //Point Mouse Move do not registering

​

  bullet.listen("pointMouseMove", function(e) {

   console.log("Point Mosuse Move") 

  })

  bullet.listenOnce("pointMouseMove", function(e) {

   console.log("Point Mouse Move") 

  })

  bullet.listenOnce("mouseMove", function(e) {

   console.log("Mouse Move Once") 

  })

  bullet.listen("mouseOut", function(e){

    console.log("Mouse Out")

  })

  // Set chart container

  bullet.container("container");

​

  // Initiate chart drawing

  bullet.draw();

​

});