Javascript Highchart长数据标签和样式宽度
如果我们在饼图中有长数据标签,并且我们将样式宽度设置为100px,以避免出现小饼图,那么一些数据标签就会消失,例如,查看值Others1 如何解决这个问题Javascript Highchart长数据标签和样式宽度,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,如果我们在饼图中有长数据标签,并且我们将样式宽度设置为100px,以避免出现小饼图,那么一些数据标签就会消失,例如,查看值Others1 如何解决这个问题 根据我的经验,在这些情况下,使用长名称和小图形时,最好使用带有此类图例的饼图。这样,您就不会对名称的显示产生问题 根据我的经验,在这些情况下,使用长名称和小图形时,最好使用带有此类图例的饼图。这样,您就不会对名称的显示产生问题 但是我的老板想要dataLabel:-/无论如何谢谢,如果您仅在屏幕尺寸较小的情况下才将属性dataLabels d
根据我的经验,在这些情况下,使用长名称和小图形时,最好使用带有此类图例的饼图。这样,您就不会对名称的显示产生问题
根据我的经验,在这些情况下,使用长名称和小图形时,最好使用带有此类图例的饼图。这样,您就不会对名称的显示产生问题
但是我的老板想要dataLabel:-/无论如何谢谢,如果您仅在屏幕尺寸较小的情况下才将属性dataLabels dataLabels=false和属性showInLegend showInLegend=true设置为true,那么大小每次都是相同的,这是针对在错误的位置使用phantomjscommented生成的PDF,我想对这个问题发表意见,但我的老板希望dataLabel:-/无论如何,如果您仅在屏幕尺寸较小的情况下才将属性dataLabels dataLabels=false和属性showInLegend showInLegend=true设置为true,那么大小每次都是相同的,这是针对在错误位置使用phantomjscommented生成的PDF,我想对您可以将datalabels的useHTML标志设置为true的问题进行评论。您是否尝试过使用JS函数来转换数据标签,例如“100个第一个字符+”…“?使用它与formatter@SebastianBochan谢谢,我也在想类似的事情,但如果有更多的价值,它不会一直起作用。它会再次被物理破坏,没有enouh空间,所以尝试调整,您可以为datalabels设置useHTML标志为true。您是否尝试过使用JS函数来转换数据标签,例如“100个第一个字符+”…“?使用它与formatter@SebastianBochan谢谢,我也在想类似的事情,但如果有更多的价值,它不会一直工作。它会再次在身体上损坏,没有空间,所以试着适应
$(function () {
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Browser market shares at a specific website, 2014'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b style="width: 100px; display: block;">{point.name}</b>: {point.percentage:.1f} %',
style: {
width: '100px',
},
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox', 45.0],
['IE', 40],
['Safari veryveryveryvery long label', 8.5],
['Opera veryveryveryvery long label', 6.2],
['Others veryveryveryvery long label', 0.7],
['Safari1 veryveryveryvery long label', 2.5],
['Opera1 veryveryveryvery long label', 3.2],
['Others1 veryveryveryvery long label', 0.6]
]
}]
});
});
$(function () {
$(document).ready(function () {
// Build the chart
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Browser market shares at a specific website, 2014'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: true
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox iuyguiygiuygiuygiuy uygiuygiuyg', 45.0],
['IE', 26.8],
{
name: 'Chrome uygiuygiuyg ',
y: 12.8,
sliced: true,
selected: true
},
['Safariiuyg iuygiuyg', 8.5],
['Opera uiy giu y giuy', 6.2],
['Others iuygiuygiuyg', 0.7]
]
}]
});
});
});