除非放大

Question

我是Highcharts的新手，我目前正在撰写一些图表并遇到了一个问题。

图表中每个点的标记都是不可见的，直到图表缩放到1或2天，即使这样，这些点也非常小。

我认为值得注意的是，我的图表每天通常会有多个点，因此在未缩放时可能会有数百个图表。

未放大：

放大：

我的问题是如何使点数稍大，更重要的是在未放大时显示？

我试图更改标记大小，但是一旦放大或悬停，所有看起来都是放大它们。以下是我试图在没有缩放的情况下显示标记的方法：

  plotOptions: {
    series: { 
      marker: {
        radius:10, 
      },
     },
   },`

这是一个片段，显示了这些点仅在缩放时显示：

＆＃13;

＆＃13;

$.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json&callback=?', function (data) {

    Highcharts.chart('container', {
        chart: {
            zoomType: 'x'
        },
        title: {
            text: null
        },
        xAxis: {
            type: 'datetime'
        },
        yAxis: {
            title: {
                text: 'Exchange rate'
            }
        },
        legend: {
            enabled: false
        },
        plotOptions: {
            area: {
                fillColor: {
                    linearGradient: {
                        x1: 0,
                        y1: 0,
                        x2: 0,
                        y2: 1
                    },
                    stops: [
                        [0, Highcharts.getOptions().colors[0]],
                        [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                    ]
                },
                marker: {
                    radius: 2
                },
                lineWidth: 1,
                states: {
                    hover: {
                        lineWidth: 1
                    }
                },
                threshold: null
            }
        },

        series: [{
            type: 'area',
            name: 'USD to EUR',
            data: data
        }]
    });
});

＆＃13;

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

＆＃13;

＆＃13;

＆＃13;

感谢任何帮助。

感谢。

Answer 1

继续搜索答案后，我发现了我所缺少的内容。

我错过了plotOptions中的系列选项，它应该包含标记选项。

我添加了以下代码并得到了我想要的输出。

代码：

plotOptions: {
  series: {
    marker: {
     enabled: true,
        radius: 2
    }
  }
}

结果：