Big Number? Big Text?

I love the Big Number report visualization. I have a report that needs to display text as opposed to Numbers. I'm able to emulate this using the following code:

<div class="row">
    <script>
        getColumnsFromQuery = function(queryName) {
          return datasets.filter(function(d) { return d.queryName == queryName; })[0].columns;
        }

        getDataFromQuery = function(queryName) {
          return datasets.filter(function(d) { return d.queryName == queryName; })[0].content;
        }
        var data = getDataFromQuery("Test Metadata")[0];
        setTimeout(
          function() {
            document.querySelector('#branch').innerText = data['branch'];
            document.querySelector('#variant').innerText = data['variant'];

          }, 1000);
    </script>
    <div class="col-md-6">
      <div class="editor-module editor-chart mode-object editor-multi big-number ng-scope is-report-mode">
        <div class="chart-wrapper">
        <div class="kebab-menu"></div>
          <div class="chart-big-number">
            <div class="chart-title clearfix">
              <div class="in-place-edit-text">
                Branch
              </div>
            </div>
            <div class="aggregate">
              <div class="fillerbuster" font-size-max="36" font-size-min="0" font-name="ctrl.font()" content="ctrl.formattedAggregate()" style="display: block; width: 100%; height: 100%;">
                <div class="fb-container" style="display: block; width: 100%; height: 100%; font-size: 36px;">
                  <span id="branch" class="fb-content"></span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="editor-module editor-chart mode-object editor-multi big-number ng-scope is-report-mode">
        <div class="chart-wrapper">
          <div class="kebab-menu"></div>
          <div class="chart-big-number">
            <div class="chart-title clearfix">
              <div class="in-place-edit-text">
                Variant
              </div>
            </div>
            <div class="aggregate">
              <div class="fillerbuster" font-size-max="36" font-size-min="0" font-name="ctrl.font()" content="ctrl.formattedAggregate()" style="display: block; width: 100%; height: 100%;">
                <div class="fb-container" style="display: block; width: 100%; height: 100%; font-size: 36px;">
                  <span id="variant" class="fb-content"></span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
 

Is there any way to make this a first class citizen? Alternatively, it would be great if we could get documentation around the Mode visualizations, and synthesize metastatements to define these visualizations.

7replies Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
  • Hi Sargun !  I've done something similar.  Here's an example report:

    https://modeanalytics.com/modeanalytics/reports/1abe8bb24c8b/presentation

    I can ask the gallery team if perhaps we could add this to our alamode Javascript library?  Would that work?  Thanks!

    Reply Like 1
  • Donna McGahan That's awesome. It'd be great if you can add it to Alamode

    Reply Like
  • I want to do something very similar to this. I have a report where I use a single parameters to filter a report by Customer and date range. I want to display the Customer's name (which is in the database as a string) in "Big Number" style at the top of the report. I will try to use the technique from Donna McGahan 's example to work for my case, but it would be great to be able to do this natively too. Thanks Donna!

     

    Reply Like
    • Erin Cochran
    • Documentation Manager, UX Enthusiast, Flamingo Portrait Artist
    • Erin_Cochran
    • 1 yr ago
    • 1
    • Reported - view

    I have nothing to add as far as new solution or improving upon what's already here, just wanted to say I'd also love it if this were native functionality :)

    Reply Like 1
  • Greg Phelps did you ever figure out a solution for your problem here? And was this an external or internal report? Curious how you're handling parameters if you're sending these reports outside your org.

    Reply Like
  • I am bumping up this request to have Big Text too in addition to Big Number.

    Reply Like
  • Thanks for the feedback Adam Stone . I've gone ahead and added this feature request, and will keep you informed if our team decides to move forward with it!

    Reply Like
Like3 Follow
  • Status In review
  • 3 Likes
  • 8 days agoLast active
  • 7Replies
  • 1462Views
  • 7 Following

Create A New Discussion

Share your thoughts