使用highcharts

时间:2016-10-06 15:09:18

标签: highcharts

我想在Highcharts的Stacked Bar中以直线显示不同系列的数据。我需要根据最小值和最大值显示数据。请在此建议。

series: [
       { "name": 'Active', 
       "data": [{ "low": 1325808000000, "y": 1335808000000 },
                { "low": 1335808000000, "y": 1343652000000 }
               ]
       },
       { "name": 'New', 
       "data": [{ "low": 1335808000000, "y": 1351814400000 },
                { "low": 1343652000000, "y": 1348952000000 }
               ]
       }
       ]

样本可以在下面的链接中找到。

http://jsfiddle.net/SuhailBaig/8e08b387/3/

2 个答案:

答案 0 :(得分:0)

Expected Stacked Bar Image

嗨Grzegorz, 感谢您的答复。 上面的链接将有助于更好地理解我的要求。 有关源代码,请查看以下jsfiddle url。

http://jsfiddle.net/SuhailBaig/8e08b387/3/

示例代码:

series: [
       { "name": 'Active', 
       "data": [{ "low": 1325808000000, "y": 1335808000000 },
                { "low": 1335808000000, "y": 1343652000000 }
               ]
       },
       { "name": 'New', 
       "data": [{ "low": 1335808000000, "y": 1351814400000 },
                { "low": 1343652000000, "y": 1348952000000 }
               ]
       }
       ]

答案 1 :(得分:0)

你需要将StackLables添加到yaxis,在你的情况下它将是xaxis,因为你使用的是柱形图,

 yAxis: {
            min: 0,
            title: {
                text: 'Stacked Bar'
            },
            stackLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                }
            }
        },

DEMO