Apexchart не показывает вторую ось Y при добавлении всплывающей подсказки в его javascript ⇐ Jquery

[Anonymous]

Обычно я добавляю данные ко второй оси Y, поскольку массив работает отлично, но почему-то, когда я начал добавлять коллекцию к данным, они больше не отображались сразу по двум осям Y.
Я даже пытаюсь добавить x, y, как сказано в документе apex, но это тоже не работает, хотя данные совпадают по осям x и y?
Спасибо, что помогли мнеВот весь мой код:

Код: Выделить всё

ApexCharts Example







// Sample data
var m = {
"01": 10, "02": 20, "03": 30, "04": 40, "05": 50, "06": 60,
"07": 70, "08": 80, "09": 90, "10": 100, "11": 110, "12": 120
};
var l = {
"01": 15, "02": 25, "03": 35, "04": 45, "05": 55, "06": 65,
"07": 75, "08": 85, "09": 95, "10": 105, "11": 115, "12": 125
};

var options = {
chart: {
height: 400,
type: 'line',
stacked: false
},
dataLabels: {
enabled: false
},
colors: ['#3b5998', '#cd201f'],
series: [
{
name: 'Cost',
type: 'column',
data: [m["01"], m["02"], m["03"], m["04"], m["05"], m["06"],
m["07"], m["08"], m["09"], m["10"], m["11"], m["12"]]
},
{
name: 'Total Business Trips',
type: 'line',
data: [
{ x: 'Month 1', y: l["01"], sum: m["01"] },
{ x: 'Month 2', y: l["02"], sum: m["02"] },
{ x: 'Month 3', y: l["03"], sum: m["03"] },
{ x: 'Month 4', y: l["04"], sum: m["04"] },
{ x: 'Month 5', y: l["05"], sum: m["05"] },
{ x: 'Month 6', y: l["06"], sum: m["06"] },
{ x: 'Month 7', y: l["07"], sum: m["07"] },
{ x: 'Month 8', y: l["08"], sum: m["08"] },
{ x: 'Month 9', y: l["09"], sum: m["09"] },
{ x: 'Month 10', y: l["10"], sum: m["10"] },
{ x: 'Month 11', y: l["11"], sum: m["11"] },
{ x: 'Month 12', y: l["12"], sum: m["12"] }
] // errors in here

// data: [l["01"], l["02"], l["03"], l["04"], l["05"], l["06"],
//        l["07"], l["08"], l["09"], l["10"], l["11"], l["12"]] //acting normally, ok
}
],
stroke: {
curve: 'smooth',
width: 2
},
plotOptions: {
bar: {
borderRadius: 0,
columnWidth: '45%'
}
},
xaxis: {
categories: ['Month 1', 'Month 2', 'Month 3', 'Month 4', 'Month 5', 'Month 6',
'Month 7', 'Month 8', 'Month 9', 'Month 10', 'Month 11', 'Month 12']
},
yaxis: [
{
seriesName: 'Cost',
axisTicks: {
show: true
},
min: 0,
max: function (max) {
return Math.floor(max + (max * 0.05));
}
},
{
opposite: true,
seriesName: 'Total Business Trips',
axisTicks: {
show: true
},
axisBorder: {
show: true
},
min: 0,
max: function (max) {
return max + 1;
}
}
],
tooltip: {
shared: false,
intersect: true,
custom: function ({ series, seriesIndex, dataPointIndex, w }) {
var dataPoint = w.globals.initialSeries[seriesIndex].data[dataPointIndex];
if (seriesIndex === 1) { // Custom tooltip for "Total Business Trips" series
return `
Month: ${dataPoint.x}

Total Business Trips:  ${dataPoint.y}

Cost: ${dataPoint.sum}
`;
} else {
return `
Month: ${w.globals.labels[dataPointIndex]}

Cost: ${series[seriesIndex][dataPointIndex]}
`;
}
},
x: {
show: false
}
},
chart: {
toolbar: {
show: false
}
},
markers: {
size: 3
}
};

var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();

Подробнее здесь: https://stackoverflow.com/questions/785 ... javascript