Data table is rendered incorrectly for charts with bullet and line series #7400
Comments
Hi @AleksueiR Thank you for reporting this bug. It looks like issue comes from accessibility module, without this module it works better: http://jsfiddle.net/aga1k7nd/9/ I tried to workaround the issue by setting |
@oysteinmoseng I think it would be cleaner if we just do what we have to do in the export-data module instead of wrapping it from the accessibility module. |
Yes, it would for sure be a lot cleaner to build the accessibility functionality into export-data. We are just talking about simple markup after all. |
@pawelfus Thank you for the workaround with the formatter since I do need to keep the accessibility module enabled. Missing cells in the first row can be fixed by adding a null data point ( |
@TorsteinHonsi I think this will be the best solution as I ran into another problem. I need the table to be rendered in a different node, not immediately after the chart, so I specify a custom viewData: function() { customDiv.innerHTML = this.getTable(); } This works well enough and the table is rendered where specified. However, none of the accessibility attributes are applied to this table anymore since the accessibility module wraps the original Any suggestions on how to deal with this? |
You can create your own |
@TorsteinHonsi thanks, that will do. |
Err, this doesn't work together with the accessibility module, since the function adding accessibility attributes is skipped if the highcharts/js/modules/screen-reader.src.js Line 818 in 9ece0d4 |
@AleksueiR I think you would want to add these attributes manually here, the accessibility module will not really make intelligent guesses with your custom table regardless. |
@oysteinmoseng I'll probably do that, but I'm not using a custom table here - I'm just trying to render it in a custom location. Works fine: http://jsfiddle.net/ouroborosDragon/quL1ajuc/3/ |
@AleksueiR Ouch, yes, that is obviously not intentional. I'll push a quick fix. |
@oysteinmoseng Thanks! |
@AleksueiR Try this: http://jsfiddle.net/quL1ajuc/4/ |
Yeap, the table renders now, but no accessibility attributes are applied. |
@AleksueiR Intended for now, but we will be rewriting this logic and moving the accessibility attributes to the |
@oysteinmoseng Fair enough. I'll write my own accessibility logic for now. Thank you for the help! I wonder if it makes sense to modify the |
@AleksueiR You can of course do that, although that is kind of what |
@oysteinmoseng Will you do the change we agreed on? Make the |
Highchart fixed bug with multi-level headers Related highcharts/highcharts#7400
Highchart fixed bug with multi-level headers Related highcharts/highcharts#7400
Expected behaviour
Headers for

bullet
andline
series rendered on a single line;bullet
series subheaders underneath the corresponding header.Actual behaviour
Headers for
bullet
series are rendered as the top line and theline
series header is rendered underneath one of thebullet
header.Live demo with steps to reproduce
http://jsfiddle.net/ouroborosDragon/aga1k7nd/7/
Affected browser(s)
Chrome, IE11, likely others.
The text was updated successfully, but these errors were encountered: