cancel
Showing results for 
Search instead for 
Did you mean: 

bullet chart

Former Member
0 Kudos

Dear All,

I have a bullet chart in my simple index.html file and is not working.

Can anyone check this and advise correct via JSBIN or Pluncker

<!DOCTYPE HTML>

<html>

  <head>

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

    <script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"

            type="text/javascript"

            id="sap-ui-bootstrap"

            data-sap-ui-libs="sap.suite.ui.commons,sap.m,sap.ui.core,sap.ui.commons,sap.ui.table,sap.ui.ux3,sap.viz,sap.ui.demokit"

            data-sap-ui-theme="sap_goldreflection">

  </script>

  <!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->

    <link rel="stylesheet" type="text/css" href="ui3.css">

    <link rel="stylesheet" type="text/css" href="PLINE.css">

    <link rel="stylesheet" type="text/css" href="SSLINE.css">

    

    

    <script src="resources/sampledata.js"></script>

    <script src="controls.js"></script>

  <!--  <script src="code2.js"></script> -->

  <!-- <script src="productionLine.js"></script> -->

  <script>

          var bars =  new sap.suite.ui.commons.BulletChartData({

      value: 120,

      color: sap.suite.ui.commons.InfoTileValueColor.Error,

    });

    var bars1 =  new sap.suite.ui.commons.BulletChartData({

      value: 10,

      color: sap.suite.ui.commons.InfoTileValueColor.Good,

    });

    var bars2 =  new sap.suite.ui.commons.BulletChartData({

      value: 39,

      color: sap.suite.ui.commons.InfoTileValueColor.Error

    });

    var bulls =  new sap.suite.ui.commons.BulletChart("x",{

      size: sap.suite.ui.commons.InfoTileSize.Auto,

      color: sap.suite.ui.commons.InfoTileValueColor.Error,

      actual: [bars],

      //thresholds : [bars2,bars1],

      targetValue : 200,

      forecastValue: 0,

      mode : sap.suite.ui.commons.BulletChartMode.Delta,

      showDeltaValue : false,

      showValueMarker :false,

      targetValueLabel : "140",

      actualvalueLabel : "120",

      minValue : 0,

      maxValue : 200,

    });

            bulls.placeAt("content");

        

  </script>

  </head>

  <body class="sapUiBody" role="application">

  <div id="content"></div>

  </body>

  </html>

Accepted Solutions (1)

Accepted Solutions (1)

Former Member
0 Kudos

I found the problem

It only works with them blue crystal not with gold reflection.

How can i force this to work with Gold Reflection theme ?

Answers (0)