Creating a chart widget: imc3Added by IBM on November 23, 2010 | Version 1 (Original)
|Use this widget type to graphically display numeric content in useful ways. The chart widget includes many types of customizable charts and graphs.
Use this widget type to graphically display numeric content in useful ways. The chart widget includes many types of customizable charts and graphs.
Before you begin
The chart widget type can display numeric content from feeds that use the following formats:
- Row format, such as feeds created from Microsoft® Access databases, comma-separated value (CVS) files, or Microsoft Excel files, and some enterprise data sources, such as IBM® Information Server and enterprise databases.
- Record format, such as feeds created from Domino®, LDAP, or Tivoli® Directory Integrator (TDI) servers.
- Repeating-element format, such as feeds created from WSDL and XML documents.
Not all data sets are appropriate for a given chart or graph type. The data must have an independent variable to render the chart.
About this task
Use the editors on the left to customize the widget. As you make changes, the results are refreshed in the widget on the right.
- On the Home:Catalog page, click Create and select New Widget.
- In the Numeric Data Feeds category, select Chart and click Next.
- Resize the widget by selecting preset values, entering values in the input fields, or by dragging the lower-right corner of the widget.
- Select the feed to use. If the field is not already filled in with the feed that you want to use, select the feed by doing one of the following actions:
Select properties for the chart widget:
- Click Browse Catalog to select a feed in the catalog.
- Click Create Feed to create a new feed.
- Enter the URL for the feed in the Feed URL field.
Customize the header and footer of the widget by selecting one of the following options:
- Type of chart.
- Independent variable to use if there is more than one in the specified feed: The independent variable is typically a changing value that determines the other value that is being plotted. For example, a date or the different amounts of a chemical used in successive experiments are independent variables that determine which value in the data series to use.
- Data series elements to include: The data series is the corresponding content that is graphed against the independent variable. The data series is sometimes referred to as the "dependent variable" because it is dependent on the current value of the independent variable. For example, if the independent variable in a graph is a date, then the data series would be the related values that occurred on that date. If the independent variable is the amount of chemical used for a given experiment iteration, the data series would be the results of each of those iterations.
- Color theme.
- Whether to display the legend.
Customize the background and theme of the widget by selecting from the following options:
- Default Style: Select properties for the header or the footer. Some of the properties can be customized.
- Custom Content: Use a WYSIWYG editor to fully customize the header or the footer.
- None: Remove the header or the footer.
Select whether to include the Add To button in the lower-right corner of the widget. This button enables users to move the widget to different mashup environments, to bookmark the widget in Lotus® Connections, and other actions. See Adding widgets to other applications and sharing widgets.
Enter the details for how the widget is managed in the catalog. See Specifying the object details and registering the objectWhen you complete the prerequisites and unique steps to create an object, you must specify the details about the object. You must complete this step before the object can be registered in the catalog..
- Chromeless: Remove the header and footer from the widget and fill the widget with content only.
- Theme: Select a background color and a complementary text color for the widget.
- Solid Background: Remove the gradient background color from the widget and replace it with the solid color specified in the Theme selection.
- Background Image: Specify a background image to override the selected theme with an image.
Parent topic: Creating widgets in Mashup Center: imc3