angular - Dölj oanvänd axel i ng2-charts
Jag använder två Y-axlar (höger och vänster). När jag döljer alla använda dataset för en av dem, ändras ticksen (axelns etiketter) till 1 till -1.
Jag vill dölja axeln eller etiketterna när de inte används, några idéer?
Innan dölja: Båda Y-axlarna används
Efter att ha dolt: Höger Y-axel ändrad - Används inte
Alternativ>Skalor:
yAxes: [
{type: "linear", id: "y-axis-0", display: true, position: "right",gridLines:{display: false},
scaleLabel:{display: true, labelString: 'mBar'}},
{type: "linear", id: "y-axis-1", display: true, position: "left",ticks: {beginAtZero:true},
scaleLabel:{display: true, labelString: 'Knots/°C'} }
]
Hittade inget i dokumentationen.
Svar #1
If you want to remove the x axis and y axis data so to do that you need
to use scales and put in bar-chart-demo.ts file and inside export
class you have to paste like that what i mentioned below
and it worked .
public barChartOptions:any = {
scaleShowVerticalLines: false,
animation: false,
scaledisplay:false,
responsive: true,
scales: {
xAxes: [
{
display: false
}
],
yAxes: [
{
display: false
}
]
}
};``
Svar #2
Du kan dölja axeln i din kod. Lägg bara till ett Angular on-mouseover-evenemang och ställ in display till true/false med negation !condition:
scales: {
xAxes: [
{
display: false
}
],
yAxes: [
{
display: false
}
]
}
