javascript - Highcharts:多系列柱形图中的位置散点图

标签 javascript charts highcharts

使用 Highcharts 3.0:如果我有一个包含多个系列的柱形图,如何将散点图放置在顶部,以便散点图中的每个点都放置在某一列的顶部,而不仅仅是它们之间? Example jsfiddle here :

chart: {
     type: "column"   
},
series: [
    {
        data: [1, 2, 3]
    },
    {
        data: [2, 4, 6]
    },
    {
        type: "scatter",
        data: [1,4,3]
    }
]

例如,我可以绘制散点(系列 3),以便它们在视觉上与系列 1 相关,而不是与系列 2 相关吗?

PS:我希望能够将散点图与“每个类别的基础”上的列相关联,这意味着我不仅希望能够将所有散点 x 像素向左移动/正确的。例如,我希望能够将第一个和第三个散点与系列 1 关联,将第二个散点与系列 2 关联。

这对于 Highcharts 来说可能吗?希望这个问题是可以理解的。

最佳答案

我发现做到这一点的唯一方法是使用十进制值作为 x 值:

data: [[-.15,1],[-.15,4],[.15,3]]

示例:http://jsfiddle.net/Sas5g/3/

关于javascript - Highcharts:多系列柱形图中的位置散点图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18873432/

相关文章:

c# - WinForm Chart - 增加滚动粒度

javascript - Angularjs 和谷歌图表 API : chart type is not defined

javascript - ZingChart X 轴标签显示为数字而不是字符串

javascript - $routeParams 在 angularjs 中未定义?

javascript - Angular JS : How to pass a list as a param in angular js?

javascript - 当 Chart.styledMode 设置为 true 时,Highchart 长 y 轴标题可能会与标题重叠

javascript - Highcharts - 删除日期时间 x 轴类型上日期之间的时间

javascript - HighCharts x轴和y轴标签居中对齐

javascript - HTML Javascript <%= %> 标签

javascript - Next.js页面如何设置pageProps属性?