代码动态任何图表头图风险矩阵

时间:2017-01-17 19:25:36

标签: javascript anychart

我想用这段代码动态创建地图(即不使用var 1,var 2,var 3等)我想动态创建。

                var heatMaRiesgoInherente = dataSetRiesgoInherente.mapAs({ x: [4], y: [3], value: [0], heat: [0], fill: [1] });
                // Crea el stage con el elemento container
                var stage = acgraph.create("container");
                // helper function to setup same settings for all six charts
                var setupChartSettings = function (chart) {
                    chart.container(stage);
                    chart.padding([1, 10, 5, 10]).margin(0);
                    //chart.interactivity().selectionMode("none");
                    //Activo texto en los vectores
                    chart.xAxis(true);
                    //Color de Borde 
                    chart.stroke("#D8D8D8");
                    //D8D8D8
                    //E6E6E6
                    chart.xAxis().staggerMode(false);
                    //Texto en el vector Y
                    chart.yAxis().stroke('#4195EE').ticks().enabled(false);
                    //Texto en el vector X
                    // Quita los labels dentro de las cajas de texto
                    //chart.labelsDisplayMode('drop');
                    chart.labels().enabled(false);
                    // Aca habilito los Tooltip
                    chart.tooltip(true);
                    chart.tooltip().title().useHtml(true);
                      // Creates el mapa para el Riesgo Inherente
                var menChart = anychart.heatMap(heatMaRiesgoInherente);
                //Titulo
                menChart.title().text('Mapa de Calor de Riesgo Inherente');
                //Tamaños de los cuadros
                menChart.bounds(0, 0, "100%", "50%");
                //Asigna la configuracion
                setupChartSettings(menChart);
                menChart.draw();

2 个答案:

答案 0 :(得分:1)

在这里,您可以了解如何从一个data set

创建多个热图图表
final_score

http://jsfiddle.net/anycharts/g4ex62h0/

此示例说明了如何创建热图矩阵,如您所见,使用这种方式或修改它,您可以创建必要数量的热图,您只需要优化循环,因为它很简单,仅仅是为了说明这一点: http://jsfiddle.net/anycharts/txkkdwmx/

它说明了你可以传递一些参数并创建热图的想法,例如:在循环中,在它还不够之前。此外,您可以在开头定义大数据集,并为每个图表映射它。

希望这有帮助!

答案 1 :(得分:0)

您可以从循环中的一个数据集轻松创建多个图表,例如:

          var dataSet = data.mapAs({
            x: [0],
            y: [1],
            heat: [count]
          });
          count++;
          var chart = anychart.heatMap(dataSet);
          chart.container(stage);

您所需要的只是以适当的方式映射数据。请参阅此示例,它说明了要点:http://jsfiddle.net/g4ex62h0/1/

希望这有帮助!