Javascript 如何在CanvasJS中仅显示第一个和最后一个标签

Javascript 如何在CanvasJS中仅显示第一个和最后一个标签,javascript,canvasjs,Javascript,Canvasjs,我只需要在画布中显示第一个和最后一个标签。它总是显示所有标签,但我的要求是只显示第一个和最后一个。有什么办法可以这样做吗?您可以使用 var chart=new CanvasJS.chart(“chartContainer”{ 标题:{ 文本:“仅显示第一个和最后一个轴标签的图表”, }, axisY:{ tickColor:“透明”, labelFormatter:函数(e){ if(e.chart.axisY[0]。最小值===e.value | | e.chart.axisY[0]。最大

我只需要在画布中显示第一个和最后一个标签。它总是显示所有标签,但我的要求是只显示第一个和最后一个。有什么办法可以这样做吗?

您可以使用

var chart=new CanvasJS.chart(“chartContainer”{
标题:{
文本:“仅显示第一个和最后一个轴标签的图表”,
},
axisY:{
tickColor:“透明”,
labelFormatter:函数(e){
if(e.chart.axisY[0]。最小值===e.value | | e.chart.axisY[0]。最大值===e.value)
返回e.value;
返回“”;
}
},
数据:[{
键入:“列”,
数据点:[
{x:10,y:71},
{x:20,y:55},
{x:30,y:50},
{x:40,y:65},
{x:50,y:95},
{x:60,y:68},
{x:70,y:28},
{x:80,y:34},
{x:90,y:14}
]
}]
});
chart.render()

您还可以尝试隐藏所有轴标签,并在最小值和最大值添加条带线

var chart=new CanvasJS.chart(“chartContainer”{
标题:{
文本:“仅显示第一个和最后一个轴标签的图表”,
},
axisX:{
valueFormatString:“####”
},
axisY:[{
tickColor:“透明”,
labelFontColor:“透明”
}],
axisY2:[{
tickColor:“透明”,
labelFontColor:“透明”
}],
数据:[
{
键入:“列”,
showInLegend:是的,
名称:“Y-1轴”,
xValueFormatString:“#####”,
数据点:[
{x:2006,y:6},
{x:2007,y:2},
{x:2008,y:5},
{x:2009,y:7},
{x:2010,y:1},
{x:2011,y:5},
{x:2012,y:5},
{x:2013,y:2},
{x:2014,y:2}
]
},
{
键入:“列”,
showInLegend:是的,
axisYType:“次要”,
//axisYIndex:0,//默认为零
名称:“Y2-1轴”,
xValueFormatString:“#####”,
数据点:[
{x:2006,y:12},
{x:2007,y:20},
{x:2008,y:28},
{x:2009,y:34},
{x:2010,y:24},
{x:2011,y:45},
{x:2012,y:15},
{x:2013,y:34},
{x:2014,y:22}
]
}					
]
});
chart.render();
添加带状线(图表);
函数addStripLine(图表){
对于(var i=0;i


谢谢您的时间,但我找到了另一种方法:)谢谢您的时间,但我已经找到了另一种方法。:)你能分享一下你是怎么做到的吗@mfsw为什么不发布你的解决方案,当你说它比发布的更好的时候?