I have a panel that gets me a list of states and counts. I also have a heatmap that I made using HTML and JavaScript on the same page (on "convert to HTML" mode). Right now the numbers on my heatmap are all static, but I would like to be able to pull in the real queried data from the first panel and use it in my map.
Is this possible?
Thanks!
Note: The static values are stored in a huge JS object, so I assume that I could put variables in place of the static values if I could somehow grab those variables from the first panel.
The dynamic values are stored in a stats table.
Yes there is with a little JS. Off the top of my head a custom render could be made to do just this. Here is an example of one I use to make icons from URL's.
    var IconRenderer = TableView.BaseCellRenderer.extend({
        canRender: function(cell) {
    //console.log(cell);
    return cell.field === 'icon';
        },
        render: function($td, cell) {
        $td.html(_.template('<img src="<%- icon %>" heigth=45 title="ToolTip" /> ', {
                     icon: cell.value
            }));
        }
    });
There is jQuery under the hood so just adjust the $td to you HTML id and you're off.
Yes there is with a little JS. Off the top of my head a custom render could be made to do just this. Here is an example of one I use to make icons from URL's.
    var IconRenderer = TableView.BaseCellRenderer.extend({
        canRender: function(cell) {
    //console.log(cell);
    return cell.field === 'icon';
        },
        render: function($td, cell) {
        $td.html(_.template('<img src="<%- icon %>" heigth=45 title="ToolTip" /> ', {
                     icon: cell.value
            }));
        }
    });
There is jQuery under the hood so just adjust the $td to you HTML id and you're off.
var Arizona = TableView.BaseCellRenderer.extend({
      canRender: function(cell) {
   return cell.field === 'count';
          },
          render: function($td, Arizona) {
          $td.html(_.template('<%- icon %>"> '
 2. $td is going to be replaced with the div ID? ie $cell1
The data that I'm pulling from is a Stats Table that looks like this:
State                         Count
AZ                               249932
AR                               32342
AL                               4234
and so forth
For my map, I have an object that it consumes that looks like this:
var StatesData={Arizona, (a bunch of coordinates), value:249932, Arkansas.........
Thank you!
