or
buttonGroup: { base: function (options, initializer, element) { var items = options.buttons, item; element.data({ type: "buttonGroup" }); element.attr(KENDO_UID_ATTR, options.uid); for (var i = 0; i < items.length; i++) { if (!items[i].uid) { items[i].uid = kendo.guid(); } item = initializer($.extend({mobile: options.mobile}, items[i])); item.appendTo(element); }<span class="w50 left">"Job Name"</span><span class=""> <div id="profitChart" ></div></span>/*hides sidebar of Cost Discount Profit Bar*/#k10000 > path:first-child, #k10000 > path:nth-child(2), #k10000 > path:nth-child(3){ display:none !important;}// Creates the Profit bar chart on Job Info screenfunction createChart() { $("#profitChart").kendoChart({ chartArea: { height: 80, margin: { top:5, bottom:5 } }, //title: { // text: "Job Name" //}, legend: { visible: true, position: "bottom", labels: { font: "20px sans-serif", } }, seriesDefaults: { type: "bar", stack: { type: "100%" } }, series: [{ name: "Cost", data: [50], color: "#3498db" }, { name: "Discount", data: [10], color: "#FFA500" }, { name: "Profit", data: [40], color: "#61B329" }], valueAxis: { visible: false, majorGridLines: { visible: false }, minorGridLines: { visible: false } }, categoryAxis: { categories: [], majorGridLines: { visible: false }, minorGridLines: { visible: false }, }, tooltip: { visible: false, template: "#= series.name #: #= value #" }, panes: [ { height: 50 }] });}$(document).ready(createChart);$(document).bind("kendo:skinChange", createChart);