Question

我正在尝试使用angularjs应用程序中的一些动态数据填充高图。我使用“highcharts-ng”指令来处理highcharts。

https://github.com/pablojim/highcharts-ng

数据通常采用以下格式：

x轴（类别）：

 [0, 0.0001001001001, 0.0002002002002, 0.0003003003003,
   0.0004004004004, 0.000500500500501, 0.000600600600601]

y轴：

{
 name: value1, 
 data: [
     0, 2.27112321592e-7, 8.69358451877e-7, 
     0.00000192654087985, 0.00000339761308545, 
     0.0000052811192715, 0.00000757519580291
]}

类别可以包含数千个值，对于“x轴类别”中的每个值，都有相应的y轴值

我使用以下代码动态设置了“x轴”类别： chart.xAxis [0] .setCategories（类别）;

我设置的其他一些相关属性是：

$scope.chartConfig = {
    chart: {
        type:'spline'
    }
    options: {
        plotOptions: {
            series: {
                turboThreshold: 51000,
            }
        }
    },
    xAxis: {
        type: 'category', (I tried with 'linear' as well)
        allowDecimals: true,
        min: 0,
    },
    useHighStocks: true
};

但是，我仍然看到“x轴”将值显示为“datetime”。有什么方法可以使x轴值成为简单的“十进制值”而不是日期时间？

另外，由于x轴值是十进制值，是否可以显示相应的科学记数法（即代替显示0.0003003003003，我们可以显示3.003e-04）吗？

提前感谢您的帮助。

此致卡皮尔

Answer 1

在Highstock中，仅存在日期时间轴类型。在Highcharts中，您有线性/日期时间/对数和分类类型。

参考文献：

Highcharts xAxis //输入属性
Highstock xAxis // docs中的最后一个元素

Highstock：将xAxis设置为“datetime”

1 个答案: