-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
Open
Labels
bugSomething isn't workingSomething isn't working
Description
Description
Create a bubble chart with a XAxis which sets both the "max" value and "stepSize". E.g. with this setup:
JS Code
function generateData(basetime, count, yrange) {
var i = 0
var series = []
while (i < count) {
var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1
var y =
Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15 // bubble size
series.push([x, y, z])
i++
}
return series
}
var options = {
series: [
{
name: 'Bubble1',
data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60,
}),
},
{
name: 'Bubble2',
data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60,
}),
},
{
name: 'Bubble3',
data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60,
}),
},
{
name: 'Bubble4',
data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60,
}),
},
],
chart: {
height: 350,
type: 'bubble',
},
dataLabels: {
enabled: false,
},
fill: {
opacity: 0.8,
},
title: {
text: 'Simple Bubble Chart',
},
xaxis: {
max: 200,
stepSize: 50,
min: 0,
type: 'double',
},
yaxis: {
max: 70,
},
}
var chart = new ApexCharts(document.querySelector('#chart'), options)
chart.render()
Possibly related issue i found: #4670
Steps to Reproduce
- Create the buble chart with some example data
- Set axis "max" and "stepSize" properties (e.g. 50 and 200)
- See that max value is ignored in that case
Expected Behavior
The "max" value should still apply even if the "stepSize" is set as well.
Actual Behavior
The "max" value is completly ignored with the "stepSize" options set.
Screenshots
This chart has "max" on XAxis set to 200:

Reproduction Link
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't working