关于角度应用中的 SMA 和成交量按价格高位图表

Question

我想根据缩放级别更改 y 轴体积的 pointWidth（增加 y 轴体积数据表示的每列的宽度）。在 SMA 中，默认缩放级别为 1 个月、3 个月、6 个月、YTD 和 1 年。我希望 y 轴中存在的体积数据的 pointWidth 对于不同的缩放级别有所不同，例如当用户单击 1 个月时，pointWidth 应为 9，3 个月时，pointWidth 应为 7，6 个月时，pointWidth 应为 5对于 YTD，pointWidth 应为 6；对于 SMA 和成交量按价格高位图图表，一年的 pointWidth 应为 2。 （注意：我没有明确提到缩放级别 1m、3m、6m、YTD、1y、ALL，它是默认采用的，我希望它默认考虑它，因为实现了其他功能，我不想包括分组单位）。代码：

 plotOptions: {
      series: {
        dataGrouping: {
           enabled: false,
        }
    },
      column: {
        pointPadding: 0,
        groupPadding: 0,
        borderWidth: 0,
        shadow: false,
        pointWidth: 3, 
    },

    },
    series: [{
        type: 'candlestick',
        name: 'CAST',
        id: 'cast',
        zIndex: 2,
        data: ohlc
    }, {
        type: 'column',
        name: 'Volume',
        id: 'volume',
        data: volume,
        yAxis: 1,  
        threshold: null ,
        pointRange: 1,
        pointWidth: 5
    }

Please let me know what should be included to obtain that functionality(different pointWidths for the volume in y-axis for different zoom levels) in my SMA and Volume by price highcharts . Note: I'm using this in typescript(angular).

Answer 1

您可以创建自己的

rangeSelector.buttons

对象数组并订阅点击事件，您可以通过调用 chart.update() 方法来更新图表属性（例如

pointWidth

）。

演示：https://jsfiddle.net/BlackLabel/53k8fLx4/

API：
https://api.highcharts.com/highstock/rangeSelector.buttons https://api.highcharts.com/highstock/rangeSelector.buttons.events.click