Javascript 显示异常管线的Highcharts图例
当我启用图例时,它会显示一条尴尬的线条,这让我很恼火。我已经搜索了很多关于它的内容,但我找不到任何包含这条线条的示例,第二个问题是图表的背景。背景应该是白色的 代码:Javascript 显示异常管线的Highcharts图例,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,当我启用图例时,它会显示一条尴尬的线条,这让我很恼火。我已经搜索了很多关于它的内容,但我找不到任何包含这条线条的示例,第二个问题是图表的背景。背景应该是白色的 代码: var类型='column'; ChartSelectorObj[ChartID]=新的高图表。图表(Div{ 图表:{ 背景颜色:“白色”, 类型:类型, 活动:{ 向下展开:函数(e){ 如果(!e.系列选项){ var图表=此; setTimeout(函数(){ 如果(例如,point.drillDownSerieData!
var类型='column';
ChartSelectorObj[ChartID]=新的高图表。图表(Div{
图表:{
背景颜色:“白色”,
类型:类型,
活动:{
向下展开:函数(e){
如果(!e.系列选项){
var图表=此;
setTimeout(函数(){
如果(例如,point.drillDownSerieData!=null){
调试器;
chart.hideLoading();
图表添加系列钻井(e.point,e.point.drillDownSerieData[0]);
}
}, 10);
}
}
}
},
标题:{
文本:“”
},
学分:{
已启用:false
},
xAxis:{
类型:“类别”
},
亚克斯:{
标题:{
文本:“”
}
},
图例:{
已启用:true
},
打印选项:{
系列:{
//堆叠:“正常”,
边框宽度:0,
数据标签:{
启用:对,
格式:“{point.y:,.0f}”
}
}
},
系列:[{
colorByPoint:对,
dashStyle:“实心”
}]
,
工具提示:{
headerFormat:“{series.name}
”,
pointFormat:“{point.name}:{point.y:,.0f}总计
”
}
});
如果需要禁用颜色轴,这取决于您在何处定义它。它可以在常规图表配置对象中定义为
colorAxis
或在系列中定义,但在大多数情况下,它是第一个选项,因此您只需要删除colorAxis
定义
API参考:
亲切的问候 管道是@Core972我如何删除它??您发布的代码不包含要删除的元素。如果您发布一个更完整的示例,其中可以看到元素,则可以更容易地帮助您删除它们。@ewolden是对的,colorAxis是在之后加载的附加模块(另一个javascript文件)highcharts@ewolden实际上我并不是在定义colorAxis。它是默认出现的。请在这里解释为什么我的答案值得投反对票,而不是投反对票。我想强调的是@Salman jamel Sunny没有向我提供他的图表的任何配置代码,所以我只能猜测为什么它是可见的。如果您没有在代码中的任何地方定义colorAxis
,我需要查看图表的全部代码,以便为您提供更精确的答案。
var type = 'column';
ChartSelectorObj[ChartID] = new Highcharts.Chart(Div,{
chart: {
backgroundColor: 'white',
type: type,
events: {
drilldown: function (e) {
if (!e.seriesOptions) {
var chart = this;
setTimeout(function () {
if (e.point.drillDownSerieData != null) {
debugger;
chart.hideLoading();
chart.addSeriesAsDrilldown(e.point, e.point.drillDownSerieData[0]);
}
}, 10);
}
}
}
},
title: {
text: ''
},
credits: {
enabled: false
},
xAxis: {
type: 'category'
},
yAxis: {
title: {
text: ''
}
},
legend: {
enabled:true
},
plotOptions: {
series: {
//stacking: 'normal',
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y:,.0f}'
}
}
},
series: [{
colorByPoint: true,
dashStyle: 'Solid'
}]
,
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:,.0f}</b> of total<br/>'
}
});