我想用这段代码动态创建地图(即不使用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();
答案 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/
希望这有帮助!