时间戳

首页 > 解决方案 > Spider highChart - 水平方向

highcharts - Spider highChart - 水平方向

问题描述

我正在使用 highCharts.js 的 spiderChart。

默认情况下，蜘蛛具有垂直方向。

我希望我的蜘蛛出现在水平方向。

例如，当我只有两个点并且论坛只有简单的线时，我希望看到水平线而不是垂直线。

或者当我有 6 个点并且蜘蛛形状是六边形时，我希望蜘蛛的顶部是六角肋之一，而不是顶点之一。

我在这里附上图片以便于理解：

在此处输入图像描述

在此处输入图像描述

标签： highcharts

解决方案

去掉官方demo中series对象内部的pointPlacement属性，会在水平方向渲染图表。

series: [{
    name: 'Allocated Budget',
    data: [43000, 19000, 60000, 35000, 17000, 10000],
    //pointPlacement: 'on'
}, {
    name: 'Actual Spending',
    data: [50000, 39000, 42000, 31000, 26000, 14000],
    //pointPlacement: 'on'
}],

演示：https ://jsfiddle.net/BlackLabel/95av36ms/

API：https ://api.highcharts.com/highcharts/series.line.pointPlacement

推荐阅读