Javascript 删除饼图大纲文本
我已经从高位图表下载了一个饼图,但是我有一些问题,我想删除饼图中的文字。有人能帮我解决吗,让我知道这是怎么可能的Javascript 删除饼图大纲文本,javascript,charts,highcharts,Javascript,Charts,Highcharts,我已经从高位图表下载了一个饼图,但是我有一些问题,我想删除饼图中的文字。有人能帮我解决吗,让我知道这是怎么可能的 var colors = Highcharts.getOptions().colors, categories = ['MSIE', 'Firefox', 'Chrome', 'Safari', 'Opera'], data = [{ //y: 56.33, color: colors[0], drilldown: {
var colors = Highcharts.getOptions().colors,
categories = ['MSIE', 'Firefox', 'Chrome', 'Safari', 'Opera'],
data = [{
//y: 56.33,
color: colors[0],
drilldown: {
name: 'MSIE versions',
categories: ['General Public (Local)'],
data: [<?php echo $company_details[0]['individual']; ?>],
color: colors[0]
}
}, {
//y: 10.38,
color: colors[1],
drilldown: {
name: 'Firefox versions',
categories: ['Foreign (Ind. & Inst.)'],
data: [<?php echo $company_details[0]['foreign']; ?>],
color: colors[1]
}
}, {
//y: 24.03,
color: colors[2],
drilldown: {
name: 'Chrome versions',
categories: ['Institutional'],
data: [<?php echo $company_details[0]['institutions']; ?>],
color: colors[2]
}
}, {
//y: 4.77,
color: colors[3],
drilldown: {
name: 'Safari versions',
categories: ['Directors / Spouses'],
data: [<?php echo $sum_all_details; ?>],
color: colors[3]
}
}, {
// y: 0.2,
color: colors[5],
drilldown: {
name: 'Proprietary or Undetectable',
categories: [],
data: [],
color: colors[5]
}
}],
browserData = [],
versionsData = [],
i,
j,
dataLen = data.length,
drillDataLen,
brightness;
// Build the data arrays
for (i = 0; i < dataLen; i += 1) {
// add browser data
browserData.push({
name: categories[i],
y: data[i].y,
color: data[i].color
});
// add version data
drillDataLen = data[i].drilldown.data.length;
for (j = 0; j < drillDataLen; j += 1) {
brightness = 0.2 - (j / drillDataLen) / 5;
versionsData.push({
name: data[i].drilldown.categories[j],
y: data[i].drilldown.data[j],
color: Highcharts.Color(data[i].color).brighten(brightness).get()
});
}
}
// Create the chart
Highcharts.chart('container', {
chart: {
type: 'pie'
},
yAxis: {
title: {
text: 'Total percent market share'
}
},
plotOptions: {
pie: {
shadow: false,
center: ['50%', '50%']
},
dataLabels: {
enabled: false
}
},
tooltip: {
valueSuffix: '%'
},
series: [{
name: 'Browsers',
data: browserData,
size: '30%',
dataLabels: {
formatter: function () {
return this.y > 5 ? this.point.name : null;
},
color: '#ffffff',
distance: -30
}
}, {
name: 'Versions',
data: versionsData,
size: '90%',
innerSize: '40%',
dataLabels: {
formatter: function () {
// display only if larger than 1
return this.y > 1 ? '<b>' + this.point.name + ':</b> ' +
this.y + '%' : null;
}
},
id: 'versions'
}],
responsive: {
rules: [{
condition: {
maxWidth: 250
},
chartOptions: {
series: [{
id: 'versions',
dataLabels: {
enabled: false
}
}]
}
}]
}
});
var colors=Highcharts.getOptions().colors,
类别=['MSIE'、'Firefox'、'Chrome'、'Safari'、'Opera'],
数据=[{
//y:56.33,
颜色:颜色[0],
向下展开:{
名称:“MSIE版本”,
类别:[一般公众(本地)],
数据:[],
颜色:颜色[0]
}
}, {
//y:10.38,
颜色:颜色[1],
向下展开:{
名称:“Firefox版本”,
类别:[“外国(工业和仪器)”,
数据:[],
颜色:颜色[1]
}
}, {
//y:24.03,
颜色:颜色[2],
向下展开:{
名称:“Chrome版本”,
类别:[“机构”],
数据:[],
颜色:颜色[2]
}
}, {
//y:4.77,
颜色:颜色[3],
向下展开:{
名称:“Safari版本”,
类别:[“董事/配偶”],
数据:[],
颜色:颜色[3]
}
}, {
//y:0.2,
颜色:颜色[5],
向下展开:{
名称:“专有或不可检测”,
类别:[],
数据:[],
颜色:颜色[5]
}
}],
browserData=[],
versionsData=[],
我
J
dataLen=data.length,
钻孔数据透镜,
亮度
//构建数据阵列
对于(i=0;i5?this.point.name:空;
},
颜色:“#ffffff”,
距离:-30
}
}, {
名称:'版本',
数据:versionsData,
尺寸:“90%”,
内部尺寸:“40%”,
数据标签:{
格式化程序:函数(){
//仅当大于1时显示
返回此.y>1?''+this.point.name+':'+
this.y+'%':空;
}
},
id:'版本'
}],
响应:{
规则:[{
条件:{
最大宽度:250
},
图表选项:{
系列:[{
id:'版本',
数据标签:{
已启用:false
}
}]
}
}]
}
});
我不知道如何删除显示在略图区域的文本在图表区域外可见的文本有人能帮我吗
您已将dataLabels属性放置在plotOptions下,但它应位于pie object下。 你的代码
plotOptions: {
pie: {
shadow: false,
center: ['50%', '50%']
},
dataLabels: {
enabled: false
}
}
将数据标签放在绘图选项饼图下,示例代码如下:
plotOptions: {
pie: {
shadow: false,
center: ['50%', '50%']
dataLabels: {
enabled: false
}
}
}
链接以供参考。您已将dataLabels属性放置在“绘图选项”下,但它应位于“饼图对象”下。 你的代码
plotOptions: {
pie: {
shadow: false,
center: ['50%', '50%']
},
dataLabels: {
enabled: false
}
}
将数据标签放在绘图选项饼图下,示例代码如下:
plotOptions: {
pie: {
shadow: false,
center: ['50%', '50%']
dataLabels: {
enabled: false
}
}
}
链接以供参考。我的答案对您有帮助吗?如果是,请接受答案。我的答案对你有帮助吗?如果是,请接受答案。