> ## Documentation Index
> Fetch the complete documentation index at: https://doc.lucidworks.com/llms.txt
> Use this file to discover all available pages before exploring further.
# chart:credit
export const LwTemplate = ({title = "Key questions to get you started", icon = "sparkles", cta = "Powered by Agent Studio", linkHref = "https://lucidworks.com/demo/?utm_source=docs&utm_medium=referral&utm_campaign=docs_cta_ai"}) => {
const [isLoaded, setIsLoaded] = useState(false);
useEffect(() => {
const timer = setTimeout(() => {
setIsLoaded(true);
}, 500);
return () => clearTimeout(timer);
}, []);
return
{isLoaded && `
}} />}
Powered by Lucidworks Agent Studio
;
};
[localhost link]: http://localhost:3000/docs/4/app-studio/reference/tags/lightning.directive.chartCredit
[mintlify link]: https://doc.lucidworks.com/docs/4/app-studio/reference/tags/lightning.directive.chartCredit
[old doc.lw link]: https://doc.lucidworks.com/app-studio/4.2/1127
## Description
To display a credit on the chart in the bottom right hand corner use the
Chart Credit tag with the text and href attributes. This tag must be
nested in the [Chart Display tag](/docs/4/app-studio/reference/tags/lightning.directive.chartDisplay).
## Usage
as element:
```xml wrap theme={"dark"}
```
### Directive info
* This directive creates new scope.
#### Parameters
| Param | Type | Details |
| ------------------ | ---------- | ------------------------------------------------------- |
| text *(optional)* | **string** | The text for the credits label. |
| href *(optional)* | **string** | Url to redirect the user to when they click the credit. |
## Example
#### Source
```xml wrap theme={"dark"}
```
```js wrap expandable theme={"dark"}
angular.module('lightning')
.controller('ExampleController', ['$scope','$timeout','ResponseService', function($scope,$timeout,ResponseService) {
$scope.response = {
page: 2,
query: {
rpp: 50
},
facets: {
test: {
filters: [
{
val: {
dsp: 'dsp1',
act: 1
},
count: 1,
},
{
val: {
dsp: 'dsp2',
act: 2
},
count: 2,
}
]
},
},
results: [
{
result: {
fields: {
label: 'label1',
value: 1
}
},
},
{
result: {
fields: {
label: 'label2',
value: 2
}
},
hits: {
act: ['Hits', 264]
}
}]
}
ResponseService.setResponse('response',$scope.response);
}]);
```
#### Result
