【问题标题】:Different marker sizes in highcharts?高图中的不同标记大小?
【发布时间】:2017-01-26 09:26:47
【问题描述】:

对于我在 highcharts 中的散点图,我希望不同的系列具有不同的标记半径。这可能吗?

"plotOptions": {"series": {"marker": {"enabled": true
                                     ,"symbol": "circle"
                                     ,"radius": 15}
                                     }
                           }
                {

用不了:

    "plotOptions": {"series": {"marker": {"enabled": true
                                     ,"symbol": "circle"
                                     ,"radius": 15,20,10,5,2}
                                     }
                           }
                {

【问题讨论】:

    标签: javascript charts highcharts scatter


    【解决方案1】:

    您可以在每个单独的数据系列中为半径提供标记选项 所以系列将是

            series: [{
            name: 'Female',
            color: 'rgba(223, 83, 83, .5)',
            data: [[161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6],
                [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
                [172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0]
                ],
                marker: {
                radius: 10
            },
    
        }, {
            name: 'Male',
            color: 'rgba(119, 152, 191, .5)',
            data: [[174.0, 65.6], [175.3, 71.8], [193.5, 80.7], [186.5, 72.6], [187.2, 78.8],
                [181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6],
                [180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0]
      ],
    
                marker: {
                radius: 20
            },
        }]
    

    希望这个帮助Fiddle Link

    【讨论】:

      【解决方案2】:

      您必须为每个系列设置一个标记。所以你必须做这样的事情。

      ...
      series: [{
          name: 'Serie 1',
          data: ...
          marker: {
              enabled: true,
              symbol: "circle",
              radius: 5
          }
      },{
          name: 'Serie 2',
          data: ...
          marker: {
              enabled: true,
              symbol: "circle",
              radius: 10
          }
      },{
          name: 'Serie 3',
          data: ...
          marker: {
              enabled: true,
              symbol: "circle",
              radius: 15
          }
      }]
      

      我希望这会有所帮助:)

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2016-03-31
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-03-18
        • 2020-04-22
        • 1970-01-01
        相关资源
        最近更新 更多