hola, estoy tratando de implementar una dona de kendo. Según la imagen, lo hice pero hay más espacio entre la barra de estado y la dona.
Mi código html :-
<style> .overlay { position: absolute; top: 50%; left: 50%; height: 100px; margin-top: -214px; margin-left: -131px; font-size: 16px; line-height: 100px; vertical-align: middle; text-align: center; } </style> <div id="brazil"> <div class="demo-section k-content wide"> <div id="chart"></div> <div class="overlay" style="display: none;"><div>No Requests For The Current Year</div></div> </div> </div>Mi código js: -
function createChart(s, s) { $.ajax({ type: 'GET', url: "/tgf.mvc/ss?siteId=" + s, dataType: 'json', success: function (data) { $("#chart").kendoChart({ title: { text: "" }, chartArea: { position: "center" }, legend: { labels: { visible: true, template: kendo.template("#: text # #: Math.floor(percentage*100) #%"), position: "center", }, position: "left" }, dataSource: { data: data123 }, series: [{ type: "donut", field: "value", categoryField: "source", explodeField: "explode", labels: { visible: true, position: "center", template: "#: value # Files" } }] tooltip: { visible: false, template: "${ category } - ${ value }" } });Cosas que probé 1. Traté de reducir el peso pero aún tenía espacio. alguien por favor me ayude en eso? captura de pantalla
El espacio depende del width del contenedor en el que se encuentra el gráfico en el momento en que se inicializa.
Puede establecer el width antes de que se inicialice el gráfico: dojo
<div id="chart" style="width:400px;"></div>Si cambia el ancho después de inicializar el gráfico, deberá volver a dibujar el gráfico. Esto volverá a pintar el gráfico en la pantalla: dojo
$("#chart").width(400); $("#chart").data("kendoChart").redraw();