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>