Javascript 如何获得Highcharts中两个不同系列的独立y轴_Javascript_Highcharts

Javascript 如何获得Highcharts中两个不同系列的独立y轴

javascript highcharts

Javascript 如何获得Highcharts中两个不同系列的独立y轴,javascript,highcharts,Javascript,Highcharts,我感谢所有的帮助，因为我对JS很陌生。我试着用两条具有独立y轴范围的线制作一张图表，这样一条线看起来就不会那么平。数据来自CSV。图表如下：这是我的代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" c

我感谢所有的帮助，因为我对JS很陌生。我试着用两条具有独立y轴范围的线制作一张图表，这样一条线看起来就不会那么平。数据来自CSV。图表如下：

这是我的代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Stock Data - Highcharts</title>
        <!-- 1. Add these JavaScript inclusions in the head of your page -->
        <script src="https://code.highcharts.com/highcharts.js"></script>
        <script src="/Highstock-6.1.0/code/js/highcharts.js"></script>
        <script src="/Highstock-6.1.0/code/js/modules/stock.js"></script>
        <script src="https://code.highcharts.com/modules/data.js"></script>
        <script src="https://code.highcharts.com/modules/boost.js"></script>

        <!-- 2. Add the JavaScript to initialize the chart on DOM loaded -->
        <script>
       document.addEventListener('DOMContentLoaded', function () {


          Highcharts.chart('container', {
                chart: {
                    type: 'line'
                },
                data: {
                    csvURL: 'http://achouman-com.stackstaging.com/example.csv'
                },
                rangeSelector: {
                    selected: 1
                },
                title: {
                    text: 'Stock Price'
                },
                yAxis: {
                    max: 800,
                    title: {
                        text: 'Price (Dollars)'
                    }
                }
            });
        });

        </script>

    </head>
    <body>

        <!-- 3. Add the container -->
        <div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>                
    </body>
</html>

像这样：谢谢你的回复！我通过csvURL获取数据。如何独立访问CSV列？此链接：包含一些有关如何使用CSV文件的文档。当然，有很多方法，但这个链接给出了一个总体概述。

 Index (xaxis),Dollars,Algorithm out
    1,3,300
    2,4.3,257
    3,2.1,357
    4,4.8,368
    5,3.4,469
    6,2.3,464
    7,3.2,358
    8,2.5,357
    9,2.4,678
    10,2.8,457
    11,3.7,468
    12,3.6,236
    13,3.5,347