HighCharts系列Z索引

努诺·诺盖拉(Nuno Nogueira)

有没有办法在Highcharts中将系列推到最前面而不颠倒该系列的顺序?

在我的代码中,我使用了:

$('#graf-1').highcharts({
            chart: {
                zoomType: 'xy'
            },
            title: {
                text: 'Title'
            },
            subtitle: {
                text: 'Source:'
            },
            xAxis: [{
                categories: datax
            }],
            yAxis: [{ // Primary yAxis
                labels: {
                    format: '{value} €',
                    style: {
                        color: '#89A54E'
                    }
                },
                title: {
                    text: eixoy,
                    style: {
                        color: '#89A54E'
                    }
                }
            }, { // Secondary yAxis
                title: {
                    text: eixoz,
                    style: {
                        color: '#4572A7'
                    }
                },
                labels: {
                    format: '{value} %',
                    style: {
                        color: '#4572A7'
                    }
                },
                opposite: true
            }],
            tooltip: {
                shared: true
            },
            legend: {
                layout: 'vertical',
                align: 'left',
                x: 120,
                verticalAlign: 'top',
                y: 100,
                floating: true,
                backgroundColor: '#FFFFFF'
            },
            series: [{
                name: eixoz,
                color: '#4572A7',
                type: 'line',
                yAxis: 1,
                data: dataz,
                tooltip: {
                    valueSuffix: ' %'
                }

            }, {
                name: eixoy,
                color: '#89A54E',
                type: 'column',
                data: datay,
                tooltip: {
                    valueSuffix: ' €'
                }
            }]
        });

这将产生一个带有两个y轴的图表,其中该线显示在该列下。我想在列上放置一行(如z-index)。但是,我找不到执行此操作的方法。图表

标记

Highcharts具有zIndex属性。

       series: [{
            name: eixoz,
            color: '#4572A7',
            type: 'line',
            yAxis: 1,
            data: dataz,
            tooltip: {
                valueSuffix: ' %'
            },
            zIndex: 2

        }, {
            name: eixoy,
            color: '#89A54E',
            type: 'column',
            data: datay,
            tooltip: {
                valueSuffix: ' €'
            },
            zIndex: 1
        }]

看到这个小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

更改Highcharts系列颜色

来自分类Dev

Highcharts系列动画更新

来自分类Dev

Highcharts:尝试更新系列

来自分类Dev

columrange 的动态系列 (highcharts)

来自分类Dev

Highcharts 馅饼系列标签

来自分类Dev

Highcharts 系列标签

来自分类Dev

在 ScatterChart javafx 中更改数据点和/或系列的 z 索引

来自分类Dev

无法将Highcharts发送到页面的背面(z索引)

来自分类Dev

Highcharts多个系列深入到多个系列

来自分类Dev

使用共享工具提示时,Highcharts柱形图在单击时返回不正确的系列索引

来自分类Dev

Highcharts JSON PHP多个系列

来自分类Dev

格式化Highcharts系列

来自分类Dev

Highcharts JSON PHP多个系列

来自分类Dev

Highcharts多个数据系列

来自分类Dev

highcharts系列在javascript中更新

来自分类Dev

点网 Highcharts 系列颜色

来自分类Dev

如何摆脱highcharts系列标签

来自分类Dev

Highcharts Pie 动态系列颜色

来自分类Dev

Highcharts/Highstock 标志系列问题

来自分类Dev

按系列索引对Pandas DataFrame /系列进行索引

来自分类Dev

熊猫获得给定索引的系列的“索引”标签

来自分类Dev

使用系列的索引索引 Pandas 数据框

来自分类Dev

熊猫系列:索引更改顺序

来自分类Dev

所选系列的返回索引

来自分类Dev

绘制熊猫系列中的索引

来自分类Dev

python 3 pandas系列索引?

来自分类Dev

画布的Z索引问题

来自分类Dev

小叶层Z索引

来自分类Dev

单张Z索引