小编luf*_*143的帖子

如何在Highcharts中扩展或突出显示水平线?

我想在我的图表中创建一种基线,其中有多列,以及一条值为"1"的水平线,它从y轴开始并超出最后一列.看这个例子:

在此输入图像描述

现在,我已经创建了类似的东西,但它还没有成功:

在此输入图像描述

系列代码很简单:

            series:
            [{
                type: 'column',
                data: [4.05,2.81,2.1,1.20,0.37]
            },
            {
                type: 'line',
                name: 'Globale Biokapazität',
                data: [1,1,1,1,1]
            }]
Run Code Online (Sandbox Code Playgroud)

我可以设置任何参数来扩展该行吗?或者有没有其他方法来突出显示一条线?

谢谢你的任何提示!

line highcharts

9
推荐指数
1
解决办法
1万
查看次数

更改"导出"选项的位置

我想更改"导出"按钮的位置.在他们位于右上方的那一刻,因此隐藏了更长的标题.我想改变它,但是在参考文献中没有看到参数.

谢谢你的任何提示!

positioning highcharts

7
推荐指数
2
解决办法
9970
查看次数

为什么我在Highcharts中的对面yaxis的标签没有出现?

我很困惑为什么我的Highcharts图中的第二个yaxis显示,但没有任何值.我的两张图都仍然与第一个yaxis绑定.无法将其中一个归因于第二个yaxis.这是一个小提琴.

谢谢你的任何提示!

axis highcharts

5
推荐指数
1
解决办法
1166
查看次数

将Highcharts图例中的长项列表变为下拉列表

有一个图表,其中约有40项是单独的线条。现在,我需要通过图例/菜单/下拉列表添加打开/关闭或突出显示其中任何功能的功能。

通常,打开图例时,我可以单击任何项​​目,然后在其中打开/关闭它。但是,很长的传说确实使我的图表歪斜了。有什么方法可以通过下拉菜单实现相同的功能(打开/关闭)?在视觉上这可能更具吸引力。

否则,万不得已时,一个简单的按钮“打开/关闭”图例就足够了(就像本示例一样,尽管“打开”不起作用)。

带有长图例的Highcharts图

// turn legend on/off with HTML button
function(chart){
    $('#updateLegend').click(function (e) {
        var legend = chart.legend; 

        if(legend.display) {
            legend.group.hide();
            legend.box.hide();
            legend.display = false;
        } else {

            legend.group.show();
            legend.box.show();
            legend.display = true;
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

javascript legend highcharts

5
推荐指数
1
解决办法
1612
查看次数

在Highcharts中,步骤间隔"1"对我不起作用,为什么?

我想在我的图表中显示每个标签(并且只有五个).但由于我不明白的原因,我的

 label: { step: 1 }
Run Code Online (Sandbox Code Playgroud)

被忽略了.这是小提琴.

感谢任何我监督或不理解的提示.

label highcharts

4
推荐指数
1
解决办法
4219
查看次数

如何在OpenLayers中获取绘制框的坐标?

我是OpenLayers的新手,对于一个明显的(也许是愚蠢的)问题感到抱歉,为此我找到了解决方案的不同方法,但都没有工作.试过这个和那个,十几个不同的建议(这里,这里,这里,这里,这里)但是徒劳无功.

基本上,我想将绘制的矩形的坐标传递给另一个Web服务.因此,在绘制矩形后,它应该将我吐出边界框的四个角.

到目前为止我所拥有的是绘制矩形的基本OL图层示例:

    var source = new ol.source.Vector({wrapX: false});


    vector = new ol.layer.Vector({
        source: source,
        style: new ol.style.Style({
            fill: new ol.style.Fill({
                color: 'rgba(0, 255, 0, 0.5)'
            }),
            stroke: new ol.style.Stroke({
                color: '#ffcc33',
                width: 2
            }),
            image: new ol.style.Circle({
                radius: 7,
                fill: new ol.style.Fill({
                color: '#ffcc33'
                })
            })
        })      
    });



    var map = new ol.Map({
        target: 'map',
        layers: [
            new ol.layer.Tile({
                source: new ol.source.OSM()
            }),
            vector
        ],
        view: new ol.View({
            center: …
Run Code Online (Sandbox Code Playgroud)

rectangles coordinates openlayers-3

3
推荐指数
1
解决办法
3027
查看次数

如何在Highcharts导出菜单中显示分隔线?

Highcharts导出工具的"打印图表"条目下方有一条直线.我想生成其中的一个或两个,以便将图像与数据格式分开,以及在添加其他链接之前.

我怎样才能生成这条线?我尝试使用DIV,但这似乎不是解决方案(过多的调整和欺骗),也不是<hr>.那么最好的选择是什么?

谢谢你的任何提示!

在此输入图像描述

javascript export line highcharts

2
推荐指数
1
解决办法
855
查看次数

在Highcharts中不强制强制yAxis.max

......或者我的错是什么?

我试图在两个轴上设置yAxis.max值.但它不起作用.

左边的yAxis应该是330-410,tickInterval是10,右边的是-0.6-1,1,tickInterval是0.1.

在此输入图像描述

这是一个小提琴.

   yAxis: [{
        labels: {
            style: {
                color: "#4553c5"
            }
        },
        title: {
            text: "ppm",
            align: "high",
            rotation: 0,
            x: 10,
            y: -30,
            textAlign: 'left',
            style: {
                color: "#4553c5"
            }
        },
        min: 330,
        max: 410,
        tickInterval: 10,
        gridLineWidth: 1,
        gridLineColor: '#efefef',
        endOnTick: false
    }, {
        labels: {
            style: {
                color: "#ec5d61"
            }
        },
        title: {
            text: "°C Anomaly",
            align: "high",
            rotation: 0,
            textAlign: "right",
            x: -10,
            y: -30,
            style: {
                color: "#ec5d61"
            }
        },
        min: -0.6, …
Run Code Online (Sandbox Code Playgroud)

axis max highcharts

2
推荐指数
1
解决办法
422
查看次数

如何删除通过Highcharts中的chart.renderer添加的文本

我在图表中添加了标签,而不是图例(请参阅此处的小提琴).绘制图形后,通过chart.renderer.text将这些系列标签附加到其上,用户可以单击按钮以添加其他系列,从而抑制其他行(成功).但是,我怎么能摆脱这些标签 - 现在这些标签就存在.

示例:这是完整的行和标签集: 在此输入图像描述

这是一个单击按钮以显示一个额外的行,同时抑制其他四行: 在此输入图像描述

我添加这样的标签:

chart.renderer.text('Volcanic', 1170, 360)
  .css({
    fontSize: '13px',
    color: '#7d7d7d'
  })
.add();
Run Code Online (Sandbox Code Playgroud)

现在,这些标签仍在那里 - 但应该消失.我能用这种方式做到吗?是否可以添加ID,然后调用chart.renderer.byID(xy).remove()或类似的东西?

javascript jquery charts labels highcharts

2
推荐指数
1
解决办法
2587
查看次数