javascript - Highcharts 散点集标记

标签 javascript highcharts

如何在 Highchart 散点图中指定每个群体的标记形状? 在我看来,它们是随机选择的还是从列表中选择的?

最佳答案

默认情况下它们可能是随机选择的,但要明确设置它们,请尝试如下操作:

series: [{
    name: 'Predefined symbol',
    data: [316.4, 294.1, 195.6, 154.4],
    marker: {
        symbol: 'triangle'
    }
}],

其中 symbol 属性可以指定形状或指向图标的链接。还有一些非常酷的其他选项,例如使用以下代码创建自定义形状:

// Define a custom symbol path
Highcharts.SVGRenderer.prototype.symbols.cross = function (x, y, w, h) {
    return ['M', x, y, 'L', x + w, y + h, 'M', x + w, y, 'L', x, y + h, 'z'];
};
if (Highcharts.VMLRenderer) {
    Highcharts.VMLRenderer.prototype.symbols.cross = Highcharts.SVGRenderer.prototype.symbols.cross;
}

这是关于此主题的 highcharts 文档的链接:

http://api.highcharts.com/highcharts#plotOptions.scatter.marker.symbol

关于javascript - Highcharts 散点集标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30768419/

相关文章:

Javascript 方法总是返回相同的值

javascript - 在 meteor-react render() 方法中使用异步 meteor.call()

javascript - Highcharts : Put data labels legend inside columns

jquery - 有没有办法单独在 highcharts 图例文本中添加边框?

javascript - 在 javascript es6 中编写全局 const 的正确性是什么?

javascript - UI-路由器控制 View

javascript - Highcharts 无法设置属性值 'point' : object is null or undefined

javascript - highcharts xaxis 导航器不显示

javascript - 如何在 Highcharts 中制作黑红线

javascript - 我应该使用 "]]>"还是 "//]]>"将 CDATA 部分关闭到 xHTML 中