标签: highstock

我目前正在尝试在我的网站上使用HighStock图表.我将使用PHP文件生成图表的数据,我唯一的问题是HighStock使用的日期/时间格式是什么？以下是他们网站上的示例文件:http://www.highcharts.com/samples/data/jsonp.php？filesname = aapl-c.json

[1107129600000,38.45]

以上是json文件中的一行数据,其中1107129600000是日期,38.45是股票价格.希望有人知道日期/时间类型.谢谢.

我需要在页面上输出一个图,我正在考虑使用Highstock或Highcharts来实现这一点.由于导航器窗格显示重新形成后的其余图,因此更优选Highstock接口.

但是我的情节在x-asis中有数字,但不是日期/时间.有没有办法使用Highstock与数字x尺度？或者在Highcharts中添加类似的导航器？

我试过了

scrollbar: {
    enabled: true
}

但它没有用.

我尝试使用highstocks附带的highcharts.js ..也没用.难道我做错了什么？

有没有办法创建重叠列？

例如,在这个jsFiddle中,蓝色和红色列应该如下所示相互重叠,蓝色是背面的一个,前面是红色.

为了澄清,我不想要堆叠列,蓝色和红色列都应该从xAxis(y = 0)开始而不是一个在另一个上面

我想创建一个HighStock图表,其中包含一个显示多个系列的导航器组件,与主图中显示的系列相同.HighStock中似乎不支持此功能,因为只允许使用一个系列.有没有人遇到过这个问题并设法找到可行的解决方案/替代方案？

有没有简单的方法在每一行使用不同的后缀值？

现在我有3行,我正在尝试更改每个的后缀,但我只能使用formatter函数找到它.

但是如果我使用格式化程序功能,我需要编辑每个工具提示,使其像默认工具提示一样,我不知道默认格式.

我的意思是,一种简单的方式,如改变颜色,我们可以简单地做:

{
name: 'First line',
type: 'line',
color: '#33CC66',
zIndex: 0,
data: [ ... ]
}

我在index.html.erb文件中使用我的rails应用程序上的highstocks渲染图表,但是当我尝试加载图表时,我在firebug控制台上收到以下错误,

ReferenceError: HighCharts is not defined
new HighCharts.Chart({

我的index.html.erb文件如下

<div id="quotes_chart", style="width=560px; height:300px;">
<script>
 $(function(){   
 new HighCharts.Chart({
  chart : {
   renderTo: "quotes_chart"
  },
  title : {
   text: "Daily trades" 
  },
  xAxis : {
    type: "datetime"
  },
  yAxis : {
    title: {
     text: "Shillings"
   }
  },
  tooltip : {
    formatter: function(){
      return HighCharts.dateFormat("%B %e, %Y", this.x) + ': ' + "Kshs" + Highcharts.numberFormat(this.y, 2);
    }
  },
  series: [
    <% { "Telecommunication" => StockQuote.telecomm, "Agriculture" => StockQuote.agric }.each do |name, prices|
%> …

我正在研究Highstock,我正试图在Highstock的"数据"中设置一个颜色,就像在示例中一样,但我无法让它工作,无论我如何设置颜色,它都没有' t显示在图表上.

我已经尝试使用Highchart API的选项,它可以工作,但它不适用于Highstock.

jsfiddle链接(我试过的)

是因为我使用x,y来指定点吗？请帮忙.

如何获得系列的ID？在API中只有名称和数据等.但是没有id.我怎么能从系列中获得身份？

我使用以下方法循环图表中的所有系列.

$(chart.series).each(function(i, serie){

    // Want to get serie's id

});

编辑:

我发现我可以使用以下方式获取id.我不确定这是正确的方法吗？

 $(chart.series).each(function(i, serie){
        console.log(serie.options.id);

 });

A)我正在使用 Highstock图表库来进行我的金融项目.但是,我陷入了性能问题的困境.我在Highstock的工作实现有 i)图表中的5个图表 ii)图表中的多行(和行类型) iii)应用于图表上的点的标签 iv)每秒一次到达的新数据,添加点和动画向左图.但是,我在使用此设置时遇到了一些关键问题:

• 渲染非常慢.由于绘制图形的数量(和次数),这是一个性能问题
• 无法调整底部的时间范围控制.由于控制冻结导致的性能问题
• 我可以添加一个点,向左移动图形.但是,我无法添加带有该新数据点的标志.看到这个SO问题.

B)我已经检查了其他这些SO问题( Highstock Performance Issue,Highcharts Performance Enhancement Method？),并尝试了他们的解决方案,但改进非常有限:

:turboThreshold 50 ;; tick-list length will be a max of 100
:shadow false
:marker {:enabled false}
:plotOptions{:series {:enableMouseTracking false}}

C)我没有看到这些Highstock问题的简单解决方案.这是一个很棒的图书馆.但我正在查看谷歌图表API,看看它是否能满足这些要点.

• 鉴于以下所有交互,Google Charts API的性能超过了Highstock ......
• 一页上有多个图表
• 1个视图中的多个重叠图表
• 图表:线,面积(范围),直方图,阈值线(见红线和绿线)
• 轻松添加标记到我的时间序列中的一个点
• 轻松将点添加到我的时间序列折线图中
• 轻松地将点和标志(同时)添加到我的时间序列折线图中

D)有没有人经历过类似的事情？还有其他方法可以改善我的高品质性能吗？Google Charts可以在这里做得更好吗？

谢谢

PS.我的highcharts调用看起来像这样(Clojurescript代码):

(defn chart-fill [selector dataList signal-map strategy-map label]

  (-> ($ selector)
      (.highcharts "StockChart" (clj->js …