【问题标题】:Generate dynamic pie chart on click event on a stacked line chart IN DOJO在 DOJO 中的堆叠折线图上生成点击事件的动态饼图
【发布时间】:2013-12-09 14:49:46
【问题描述】:

我正在使用 Dojo 在上一个图表的点击事件上生成备用图表。

首先,我正在绘制堆叠折线图(例如客户),单击其中一条线我需要绘制另一个饼图以获取该客户的更多详细信息(例如该客户的收入)。所有这些都发生在单个折线图上。

这里的问题是找到该特定线的 id,现在我正在获取所有绘制线的 id 数组。 下图是为三个客户绘制的。

接下来我将展示我的代码:

 var colorArray =["#2cabe2","#57E964","#736AFF","#B93B8F","#151B8D","#EE9A4D",...];
 for(var i =0 ; i<length ; i++)
        {
         chart.addSeries(response.legend + " "+ i,response.data[i],{color: colorArray[i]});
        } 

 chart.connectToPlot("default", function(evt) {
        var shape = evt.shape, type = evt.type;
        if (type == "onclick") {
          url="/ritl/chart/getProcessPieData.htm?customerId="+dijit.byId('customerId').get('value');   // url to the next (pie) chart in the same jsp.  
          processPie(url);         // calling function for pie Chart

        }
    });

数据响应是 JSONArray 的形式。 JSON模式如下:

{"data":[[{"text":"January","value":1,"customerID":"RITL00013","y":0},{"text":"February","value":2,"customerID":"RITL00013","y":0},{"text":"March","value":3,"customerID":"RITL00013","y":0},{"text":"April","value":4,"customerID":"RITL00013","y":0},{"text":"May","value":5,"customerID":"RITL00013","y":0},{"text":"June","value":6,"customerID":"RITL00013","y":0},{"text":"July","value":7,"customerID":"RITL00013","y":0},{"text":"August","value":8,"customerID":"RITL00013","y":0},{"text":"September","value":9,"customerID":"RITL00013","y":0},{"text":"October","value":10,"customerID":"RITL00013","y":119951.2},{"text":"November","value":11,"customerID":"RITL00013","y":430827.04},{"text":"December","value":12,"customerID":"RITL00013","y":0}],[{"text":"January","value":1,"customerID":"RITL00002","y":0},{"text":"February","value":2,"customerID":"RITL00002","y":0},{"text":"March","value":3,"customerID":"RITL00002","y":0},{"text":"April","value":4,"customerID":"RITL00002","y":0},{"text":"May","value":5,"customerID":"RITL00002","y":0},{"text":"June","value":6,"customerID":"RITL00002","y":0},{"text":"July","value":7,"customerID":"RITL00002","y":0},{"text":"August","value":8,"customerID":"RITL00002","y":0},{"text":"September","value":9,"customerID":"RITL00002","y":0},{"text":"October","value":10,"customerID":"RITL00002","y":41996.52},{"text":"November","value":11,"customerID":"RITL00002","y":566353.8099999999},{"text":"December","value":12,"customerID":"RITL00002","y":0}],[{"text":"January","value":1,"customerID":"RITL00016","y":0},{"text":"February","value":2,"customerID":"RITL00016","y":0},{"text":"March","value":3,"customerID":"RITL00016","y":0},{"text":"April","value":4,"customerID":"RITL00016","y":0},{"text":"May","value":5,"customerID":"RITL00016","y":0},{"text":"June","value":6,"customerID":"RITL00016","y":0},{"text":"July","value":7,"customerID":"RITL00016","y":0},{"text":"August","value":8,"customerID":"RITL00016","y":0},{"text":"September","value":9,"customerID":"RITL00016","y":0},{"text":"October","value":10,"customerID":"RITL00016","y":132784.45},{"text":"November","value":11,"customerID":"RITL00016","y":571506.6},{"text":"December","value":12,"customerID":"RITL00016","y":0}]],"Success":true,"dataLength":3}

如何找出上图中行的个体 id。建议我摆脱这种情况。提前感谢您的积极建议..

【问题讨论】:

    标签: dojo dojox.charting


    【解决方案1】:

    在你的 connectPlot 回调中类似下面的内容如何:

    event.run.data[event.index].customerID
    

    【讨论】:

    • 谢谢伙计,它的工作.. 这里 [event.index] 返回 x 轴的索引,但 data[event.index] 在没有 event.run 的情况下是未定义的??
    • 我在堆叠折线图中再次遇到问题。为此,您可以转到链接...stackoverflow.com/questions/21250642/…提前致谢..
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多