Highcharts 中文社区

查看: 2807|回复: 0

[PHP相关] 如何给Highcharts data添加复杂类型的数据

[复制链接]
  • TA的每日心情
    奋斗
    2014-5-19 13:54
  • 签到天数: 2 天

    [LV.1]初来乍到

    3

    主题

    17

    帖子

    97

    积分

    HC 新手

    Rank: 1

    积分
    97

    最佳新人

    QQ
    发表于 2014-5-19 16:01:49 | 显示全部楼层 |阅读模式
    本帖最后由 ARMdong 于 2014-5-19 16:08 编辑

    请教一个问题:
    我先把我想要实现的效果描述一下:这是后台的json数据格式:

    • {
      • OpenTime: "/Date(1397686807000)/",
      • CloseTime: "/Date(1399393966000)/",
      • Item: "nzdchf",
      • Action: "卖",
      • Size: 0.36,
      • SL: 0,
      • TP: 0,
      • OpenPrice: 0.75917,
      • ClosePrice: 0.76299,
      • Digital: 32.53,
      • Profit: 157.34
      },



    下面是效果图:

    chart.png


    我想实现的效果就是:
    y轴上的值是json数据中的CloseTime,而bar的数值为Profit对应的值,我目前的解决方案是:

    //Ajax 获取数据并解析创建Highcharts图表
            function queryData(index) {
                $.ajax({
                    url: '/Home/GetLatestTrade',
                    type: 'POST',
                    data: { pageIndex: 1, pageSize: 10 },
                    dataType: 'json',
                    success: function (data) {
                        $.each(data, function (i, n) {
                            categories = getLocalTime(n.CloseTime); //将时间戳转换成date
                            datas = n.Profit;

                        });

                        options.xAxis.categories = categories;
                        options.series[0].data = datas;

                        chart = new Highcharts.Chart(options);

                    }
                });
            }


    ok,到这里都没有问题,但是我想让tooltip显示json数据中的其他几个值,如下图(这里是hardcode,我想动态绑定):

    tip.png


    请问,我该怎样设置,才能达到我想要的效果?

    或者能获取到data数据中某个数据点的索引也可以,不知道怎么获取:
    reply.png




    perserence
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表