Hi All,
I have a Bullet Chart code as below.
My code is unable to pick Plot Area and Gap Properties and color the gap with different color (Semantic Good)
Please advise if possible via JSBIN or Pluncker code.
var owlModel = new sap.ui.model.json.JSONModel({
data:[
| { Country : "Canada", profit: 10, forecast: 13, target: 10}, | |||||||||
| { Country : "China",profit: 18, forecast: 25, target: 8}, | |||||||||
| { Country : "France",profit: 13, forecast: 16, target: 15}, | |||||||||
| { Country : "Germany",profit: 14, forecast: 20, target: 20}, | |||||||||
| { Country : "India",profit: 8, forecast: 13, target: 16}, | |||||||||
| { Country : "United States", profit: 20, forecast: 23, target: 22} |
]
});
var owlDataset = new sap.viz.ui5.data.FlattenedDataset({
dimensions : [
{ axis : 1, name : 'Country', value : "{Country}"}
],
measures : [
{ group: 1, name : 'Profit', value : '{profit}' },
{ group: 1, name: 'Forecast', value: '{forecast}' },
{ group: 2, name: 'Target', value: '{target}' }
],
data : { path : "/data" }
});
var owlBulletChart = new sap.viz.ui5.Bullet("Gbullet", {
| width : "80%", | ||
| height : "500px", |
plotArea: {
colorPalette: ['sapUiChartPaletteSemanticNeutralDark1'],
gap: {
visible: true,
type: "positive",
positiveColor: 'sapUiChartPaletteSemanticGood'
}
},
// css : '.v-m-yAxis2 .viz-axis-label.v-label{fill: #3778c7; font-size: 18px; font-weight : bold;}',
dataset : owlDataset
});
owlBulletChart.setModel(owlModel);