繁体   English   中英

如何使高图中的Y轴值不从0开始? 如何在HighCharts中的X轴上强制显示最后的类别数据?

[英]How to make the Y Axis values not start from 0 in highcharts? How to display forcefully display the last category data on X axis in HighCharts ?

因此,这里我坚持两件事:即使经过足够的头脑风暴,我也无法弄清楚需要更改哪些参数才能使图形显示所需的数据。 这是我的图形的输出: MY Output 我希望输出是这样的: 期望的价格图表

我基本上想使它起作用。 首先,我想使Y标签不从0开始将使图形起作用。但是我无法确定需要更改哪个参数。

其次,对于X轴数据,我将日期数组作为Category传递给XAxis系列。 我想每隔7天显示一次日期。 我已经成功实现了。 我面临的问题是,我想强制显示今天的日期。 今天的日期是我代码的XAxisData数组中的最后一个元素,我将其传递给X轴的“类别”。 因此,我的问题是,如何强制显示A轴类别的最后一个元素? (可选问题)是否有更好的方法通过使用datetime来做到这一点? 这是我的图形代码:

function setPriceParameterAndDisplay(){
document.getElementById('container').style.visibility='visible';
Highcharts.chart('container', {
    chart: {
        type: 'area'
    },
    title: {
        text: StockHeading ,
    },
    subtitle: {
         text: '<a style=\"color:blue;\" href=\"https://www.alphavantage.co\">Source: Alpha Vantage</a>'
    },
    xAxis: {
        categories: XAxisData,
          minTickInterval: 6,

   showLastLabel: true,

    },
    yAxis: [{
        title: {
            text: 'Stock Price',
        },
         },{
        title: {
            text: 'Volume '
        },
        labels: {
            format: '{value}m',
        },
        opposite:true,

    }],
    plotOptions: {
    label: {
    enabled: false,
},
        line: {

            enableMouseTracking: true
        },
        series: {
        marker: {
                enabled: false
            },}
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    },
    series: [{
        name: '".$symbol."',
        label: {
    enabled: false,
},
        type: 'area',
        color: '#F66464',
        data: PriceData,
        tooltip: {
                valueDecimals: 2
            }

    }, {
        name: '".$symbol." Volume' ,
        label: {
    enabled: false,
},
        type: 'column',
        color: '#FFFFFF',
         yAxis: 1,
        data: StockVolume,
        tooltip: {
                valueDecimals: 2
            }


    }]
});}

1.使区域序列不从零开始(y轴)

您需要为此系列指定threshold属性。 默认情况下为0 ,这就是问题的原因。

API参考: https //api.highcharts.com/highcharts/series.area.threshold


2.强制始终在最后一点显示x轴标签

默认情况下,Highcharts会自动计算并决定要显示的刻度。 标签出现在刻度线所在的位置。 因此,要确保某些特定的刻度线出现在轴上,请使用tickPosition (手动定义所有刻度线)或tickPositioner (在将Highcharts创建的刻度线传递到图表构造函数之前对其进行修改)。

API参考:

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM