Перейти к основному содержимому Перейти к дополнительному содержимому

Adding sparklines

A sparkline is a simple visualization, usually styled in the form of a line, that is helpful for analyzing trends for a single metric. You can add sparklines to your PixelPerfect report using the Sparkline object.

A sparkline generally consists of a field (equivalent to a dimension) and a value member (equivalent to a measure).

video thumbnail

Sparkline

Sample report showing sparklines created with PixelPerfect designer

Requirements

The data you use for a sparkline has to be added as a table data binding. These data bindings are added under Tables in the Database icon with plus symbol Field List menu.

The source data for the sparkline should ideally contain a single dimension and a single measure. To use sparklines to visualize more complex, multi-dimensional data, it is recommended that you apply a level to the band where you add the sparkline. In this case, the level should be an additional dimension along which you want to cycle the generation of multiple filtered sparklines.

Creating sparklines

This is the recommended workflow for adding sparklines in your report.

  1. Open the Database icon with plus symbol Field List menu available from the right-side panel in the designer.

  2. Click the plus icon next to Tables.

  3. From the available sheets, select the Qlik Sense chart you want to add as a table. Click the Plus icon next to it.

    The data binding is added.

  4. From the toolbox panel on the left side of the designer, drag a Sparkline onto the design surface.

  5. Click the gear icon that appears next to the sparkline. In the pop-up menu, for Data Member, select the table data binding you created earlier.

  6. Open the Gear Properties menu from the right side of the designer, and expand Data.

  7. For Value Member, select the variable metric you want to visualize (for example, sales).

Refreshing source data for data bindings

Со временем конфигурация исходной диаграммы может измениться, что потребует действий в шаблоне отчета PixelPerfect. Вы можете обновить данные из исходного приложения в привязке данных, которая используется в определении мини-графика (диаграммы «Спарклайн»). Это может быть полезно в следующих ситуациях:

  • Измерения и меры были добавлены или удалены из исходной диаграммы после того, как была создана привязка данных.

  • Определения измерений и мер были добавлены или удалены из исходной диаграммы после того, как была создана привязка данных.

Обновление источников в привязке данных позволяет сохранять одни и те же объекты в меню Значок базы данных с символом «плюс» Список полей, не создавая новые в случае изменения конфигурации диаграммы.

  1. Откройте меню Значок базы данных с символом «плюс» Field List (Список полей), доступное на правой панели конструктора.

  2. Дважды щелкните Таблицы, что развернуть дерево таблиц.

  3. Наведите курсор на элемент, который требуется обновить.

  4. Нажмите на значок обновления (Обновить столбцы).

    Обновление привязки данных таблицы в меню Список полей

    Значок «Обновить столбцы», позволяющий обновить привязку данных на уровне
  5. Продолжайте разработку шаблона в соответствии со своим сценарием использования. В этом случае можно добавить новый контент или изменить конфигурацию существующего. После обновления привязки данных только что добавленные столбцы станут доступными для использования в меню Значок базы данных с символом «плюс» Список полей.

Example - Sparklines with a level

Примеры источников приложений приводятся здесь: Материалы примеров ― отчеты в приложении. Загрузите файлы приложения и данных в пространство, а затем перезагрузите приложение. Вы готовы к работе с примером.

We will create sparklines with monthly sales by region.

Part 1: Add data bindings

  1. Create a new PixelPerfect template.

  2. Open the Database icon with plus symbol Field List menu available from the right-side panel in the designer.

    Field List menu in the PixelPerfect designer

    The 'Field List' menu expanded from the right side panel in the PixelPerfect designer
  3. Click the plus icon next to Levels.

  4. Expand Fields, and click the Plus icon next to Region.

    The data binding is added.

  5. You are brought back to the main Database icon with plus symbol Field List menu. Click the plus icon next to Tables.

  6. Expand the Sales Table sheet, and click the Plus icon next to the Regional Sales over Time chart.

    The data binding is added.

Part 2: Add DetailReport band and connect it with data banding

You need to create a DetailReport band to use a level.

  1. Right-click the Detail1 band, and then click Insert BandDetailReport.

  2. To bind the DetailReport1 band to the level, select the band and then open the Gear Properties menu. Under Detail Report TasksData Member, select the Region level.

Part 3: Add a label and sparkline

  1. Open the Database icon with plus symbol Field List menu, and double-click Levels to expand it.

  2. For Region, expand the level object and drag the Region field within it onto the DetailReport1 band.

    Position the label at the top of the band, centered horizontally.

  3. From the toolbox panel on the left side of the designer, drag a Sparkline onto the DetailReport1 band, below the Region label.

  4. Resize the sparkline so that it occupies all horizontal space on the band, and its shape is a narrow rectangle.

  5. Resize the DetailReport1 band so there is a small space at the bottom of the sparkline.

    Region label and empty sparkline added to template

    Report template showing a title label for the 'Region' level added to a band, and below it the empty Sparkline object
  6. Select the sparkline and then open the Gear Properties menu.

  7. Expand AppearanceView.

  8. Check Highlight Max Point and Highlight Min Point.

  9. For Color, expand the drop down menu. Paste the following hex code in the # field: 0d00ff. Click OK.

  10. For Max Point Color, expand the drop down menu. Paste the following hex code in the # field: 0dff00. Click OK.

  11. For Min Point Color, expand the drop down menu. Paste the following hex code in the # field: ff0000. Click OK.

  12. In the top right corner, click Save template.

  13. Click Preview report. Download the report and open it.

Report preview with sparklines

Generated report with a series of sparklines - one for each region. The sparklines contain color-coded points showing the minimum and maximum vales for the calculated performance metric

Помогла ли вам эта страница?

Если вы обнаружили какую-либо проблему на этой странице или с ее содержанием — будь то опечатка, пропущенный шаг или техническая ошибка, сообщите нам об этом!