标签卡图表标签元素添加dg-chart-label-wrapper父级元素

This commit is contained in:
datagear 2021-08-08 18:13:42 +08:00
parent 0980ffb544
commit a331113e0b
2 changed files with 16 additions and 8 deletions

View File

@ -109,10 +109,17 @@
.dg-chart-label{
position: relative;
}
.dg-chart-label .dg-chart-label-item .label-name{
.dg-chart-label .dg-chart-label-wrapper{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.dg-chart-label .dg-chart-label-wrapper .dg-chart-label-item .label-name{
text-align: center;
}
.dg-chart-label .dg-chart-label-item .label-value{
.dg-chart-label .dg-chart-label-wrapper .dg-chart-label-item .label-value{
text-align: center;
font-size: 1.5em;
font-weight: bold;

View File

@ -4685,6 +4685,10 @@
var chartEle = chart.elementJquery();
chartEle.addClass("dg-chart-label");
var labelWrapper = $(".dg-chart-label-wrapper", chartEle);
if(labelWrapper.length == 0)
labelWrapper = $("<div class='dg-chart-label-wrapper' />").appendTo(chartEle);
options = chartSupport.inflateRenderOptions(chart,
{
//将在update中设置
@ -4708,7 +4712,7 @@
options);
//标签卡无底层组件
chart.internal(null);
chart.internal(labelWrapper[0]);
};
chartSupport.labelUpdate = function(chart, results)
@ -4720,7 +4724,7 @@
var chartDataSets = chart.chartDataSetsMain();
var $parent = chart.elementJquery();
var $parent = $(chart.internal());
$(".dg-chart-label-item", $parent).addClass("dg-chart-label-item-pending");
@ -4842,10 +4846,7 @@
{
var chartEle = chart.elementJquery();
chartEle.removeClass("dg-chart-label");
$(".dg-chart-label-item", chartEle).each(function()
{
$(this).remove();
});
$(chart.internal()).remove();
};
chartSupport.labelOn = function(chart, eventType, handler)