Динамический код для любой матрицы риска

Question

Я хотел бы с этим кодом, создавать карты динамически (т.е. без использования вар 1, вар 2, вар 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();

Answer 1

Здесь вы можете узнать, как создать несколько карт тепловых карт из одного набора данных:

  var data = anychart.data.set([
    ["Quarter 1",  'Mobile',  23,  28],
    ["Quarter 2",  'Mobile',  21,  26],
    ["Quarter 1",  'Desktop',  19,  26],
    ["Quarter 2",  'Desktop',  21,  27],
    ["Quarter 1",  'WebMail',  22,  28],
    ["Quarter 2",  'WebMail',  25,  27]
  ]);

stage = anychart.graphics.create("container");

var dataSet = data.mapAs({
  x: [0],
  y: [1],
  heat: [2]
});

var heatmap_1 = anychart.heatMap(dataSet);

  heatmap_1.container(stage);
  heatmap_1.bounds(0, 0, "100%", "50%");

heatmap_1.draw();

var dataSet = data.mapAs({
  x: [0],
  y: [1],
  heat: [3]
});

var heatmap_2 = anychart.heatMap(dataSet);
  heatmap_2.container(stage);
  heatmap_2.bounds(0, "50%", "100%", "50%");
    heatmap_2.draw();
});

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

Этот пример иллюстрирует, как вы можете создать матрицу тепловых карт, как вы можете видеть, используя этот способ или изменяя его, вы можете создавать необходимое количество тепловых карт, все, что вам нужно, это оптимизировать цикл, потому что это просто, просто для иллюстрации точки: http://jsfiddle.net/anycharts/txkkdwmx/

Это иллюстрирует идею о том, что вы можете передать некоторый параметр и создать тепловые карты, например, в цикле, прежде чем этого будет недостаточно. Кроме того, вы можете определить большой набор данных в начале и просто отобразить его для каждого графика.

Надеюсь это поможет!

Answer 2

Вы можете легко создать несколько диаграмм из одного набора данных в цикле, например:

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

Все, что вам нужно - это отобразить данные соответствующим образом. Посмотрите этот пример, он иллюстрирует суть: http://jsfiddle.net/g4ex62h0/1/

Надеюсь это поможет!