c-sharp

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #go #deep-learning #macos #windows #awesome #cli #ios #mcp #openai

(★ 24)

⚡️Official Image-charts C# library

c-sharp 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![official image charts C# library logo](https://raw.githubusercontent.com/image-charts/c-sharp/master/logo.jpg)](#getting-started)

[![Nuget](http://img.shields.io/nuget/v/ImageCharts.svg?style=flat)](https://www.nuget.org/packages/ImageCharts)

![Libraries.io dependency status for GitHub repo](https://img.shields.io/librariesio/release/nuget/ImageCharts)

![Code Climate maintainability](https://img.shields.io/codeclimate/maintainability/image-charts/c-sharp)

Official [Image Charts](https://image-charts.com/) API client.
Generate URLs of static image charts.
Embed them everywhere in emails, pdf reports, chat bots...!

### Getting started

#### 1. Add Image-Charts to your project

[![Nuget](http://img.shields.io/nuget/v/ImageCharts.svg?style=flat)](https://www.nuget.org/packages/ImageCharts)

Requirements: .Net Core 2.1

Package Manager:
```sh
PM> Install-Package ImageCharts -Version VERSION
```

.NET CLI:
```sh
dotnet add package ImageCharts --version VERSION
```

PackageReference:
```xml
<PackageReference Include="ImageCharts" Version="5.2.0" />
```

#### 2. Import Image-Charts library

```c-sharp
using ImageChartsLib;
```

#### 3. Generate a chart image

```c-sharp
ImageCharts pie = new ImageCharts().cht("p").chd("a:2.5,5,8.3").chs("100x100");

pie.toURL(); // https://image-charts.com/chart?chd=a%3A2.5%2C5%2C8.3&chs=600x300&cht=p
pie.toFile('/path/to/chart.png'); //
pie.toDataURI(); // data:image/png;base64,iVBORw0KGgo...
pie.toBuffer(); // BufferedImage
```

-----------------------------------------------------------------------

### Table of Contents

- __[Enterprise support](#enterprise-support)__
- __[On-Premise support](#on-premise-support)__
- __[Constructor](#constructor)__
    - __[Options](#options)__
- __[Methods](#methods)__
    - __[toURL()](#tourl)__
    - __[toFile()](#tofile)__
    - __[toBuffer()](#tobuffer)__
    - __[toDataURI()](#todatauri)__
    - __[cht(value) - Chart type](#cht)__
    - __[chd(value) - chart data](#chd)__
    - __[chds(value) - data format with custom scaling](#chds)__
    - __[choe(value) - QRCode data encoding](#choe)__
    - __[chld(value) - QRCode error correction level and optional margin](#chld)__
    - __[chxr(value) - Axis data-range](#chxr)__
    - __[chof(value) - Image output format](#chof)__
    - __[chs(value) - Chart size (&lt;width&gt;x&lt;height&gt;)](#chs)__
    - __[chdl(value) - Text for each series, to display in the legend](#chdl)__
    - __[chdls(value) - Chart legend text and style](#chdls)__
    - __[chg(value) - Solid or dotted grid lines](#chg)__
    - __[chco(value) - series colors](#chco)__
    - __[chtt(value) - chart title](#chtt)__
    - __[chts(value) - chart title colors and font size](#chts)__
    - __[chxt(value) - Display values on your axis lines or change which axes are shown](#chxt)__
    - __[chxl(value) - Custom string axis labels on any axis](#chxl)__
    - __[chxs(value) - Font size, color for axis labels, both custom labels and default label values](#chxs)__
    - __[chm(value) - compound charts and line fills](#chm)__
    - __[chls(value) - line thickness and solid/dashed style](#chls)__
    - __[chl(value) - bar, pie slice, doughnut slice and polar slice chart labels](#chl)__
    - __[chlps(value) - Position and style of labels on data](#chlps)__
    - __[chma(value) - chart margins](#chma)__
    - __[chdlp(value) - Position of the legend and order of the legend entries](#chdlp)__
    - __[chf(value) - Background Fills](#chf)__
    - __[chbr(value) - Bar corner radius. Display bars with rounded corner.](#chbr)__
    - __[chan(value) - gif configuration](#chan)__
    - __[chli(value) - doughnut chart inside label](#chli)__
    - __[icac(value) - image-charts enterprise `account_id`](#icac)__
    - __[ichm(value) - HMAC-SHA256 signature required to activate paid features](#ichm)__
    - __[icff(value) - Default font family for all text from Google Fonts. Use same syntax as Google Font CSS API](#icff)__
    - __[icfs(value) - Default font style for all text](#icfs)__
    - __[iclocale(value) - localization (ISO 639-1)](#iclocale)__
    - __[icretina(value) - retina mode](#icretina)__
    - __[icqrb(value) - Background color for QR Codes](#icqrb)__
    - __[icqrf(value) - Foreground color for QR Codes](#icqrf)__

----------------------------------------------------------------------------------------------

### Constructor

> Create an instance with builder pattern. See [usage](#usage)

```c-sharp
/**
* Free usage
**/
public ImageCharts()

/**
* Enterprise & Enterprise+ subscriptions
* @param secret  (Enterprise and Enterprise+ subscription only) SECRET_KEY. Default : null
*/
public ImageCharts(String secret)

/**
* Enterprise & Enterprise+ subscriptions
* @param secret  (Enterprise and Enterprise+ subscription only) SECRET_KEY. Default : null
* @param timeout  Request timeout (in millisecond) when calling toBuffer() or toDataURI(). Default if null : 5000
*/
public ImageCharts(String secret, Integer timeout)

/**
* On-premise subscriptions
* @param protocol  (On-Premise subscription only) custom protocol. Default if null : "https"
* @param host  (Enterprise, Enterprise+ and On-Premise subscription only) custom domain. Default if null : "image-charts.com"
* @param port  (On-Premise subscription only) custom port. Default if null "443"
* @param pathname  (On-Premise subscription only) custom pathname. Default if null "/chart"
* @param secret  (Enterprise and Enterprise+ subscription only) SECRET_KEY. Default : null
*/
public ImageCharts(String protocol, String host, Integer port, String pathname, String secret)

/**
* On-premise
* @param protocol  (On-Premise subscription only) custom protocol. Default if null : "https"
* @param host  (Enterprise, Enterprise+ and On-Premise subscription only) custom domain. Default if null : "image-charts.com"
* @param port  (On-Premise subscription only) custom port. Default if null "443"
* @param pathname  (On-Premise subscription only) custom pathname. Default if null "/chart"
* @param secret  (Enterprise and Enterprise+ subscription only) SECRET_KEY. Default : null
* @param timeout  Request timeout (in millisecond) when calling toBuffer() or toDataURI(). Default if null : 5000
*/
public ImageCharts(String protocol, String host, Integer port, String pathname, String secret, Integer timeout)
```

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

### Methods

----------------------------------------------------------------------------------------------

<a name="tourl"></a>
#### `toURL()` : `String`

> Get the full Image-Charts API url (signed and encoded if necessary)

##### Usage

```c-sharp
using ImageChartsLib;

public class GenerateChartUrl {
    static void Main(string[] args)
    {
        string chartUrl = new ImageCharts()
            .cht("bvg") // vertical bar chart
            .chs("300x300") // 300px x 300px
            .chd("a:60,40") // 2 data points: 60 and 40
            .toURL(); // get the generated URL

Console.WriteLine(chartUrl); // https://image-charts.com/chart?cht=bvg&chs=300x300&chd=a%3A60%2C40
    }
}

```

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="toFile"></a>
#### `toFile(file)` : `Promise<()>`

> Creates a file containing generated chart image and yield a promise.

> When `file` is a filename, asynchronously writes data to the file, replacing the file if it already exists.
> When `file` is a file descriptor, the behavior is similar to calling fs.write() directly (which is recommended).

##### Usage

```c-sharp
using ImageChartsLib;

public class DownloadChartAsImage {
    static void Main(string[] args)
    {
        string chartPath = "/tmp/chart.png";

new ImageCharts()
                .cht("bvg") // vertical bar chart
                .chs("300x300") // 300px x 300px
                .chd("a:60,40") // 2 data points: 60 and 40
                .toFile(chartPath);

Console.WriteLine("Image chart written at " + chartPath);
    }
}

```

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="tobuffer"></a>
#### `toBuffer()`

> Do a request to Image-Charts API with current configuration and yield a byte array

##### Usage

```c-sharp
using ImageChartsLib;

public class DownloadChartAsBuffer {
    static void Main(string[] args)
    {
        byte[] buffer = new ImageCharts()
            .cht("bvg") // vertical bar chart
            .chs("300x300") // 300px x 300px
            .chd("a:60,40") // 2 data points: 60 and 40
            .toBuffer();

Console.WriteLine(buffer); // System.Byte[]
    }
}

```

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="todatauri"></a>
#### `toDataURI()` : `String`

> Do a request to Image-Charts API with current configuration and yield a promise of a base64 encoded [data URI](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs)

##### Usage

```c-sharp
using ImageChartsLib;

public class DownloadChartAsDataUri {
    static void Main(string[] args)
    {
        string dataUri = new ImageCharts()
            .cht("bvg") // vertical bar chart
            .chs("300x300") // 300px x 300px
            .chd("a:60,40") // 2 data points: 60 and 40
            .toDataURI();

Console.WriteLine(dataUri); // "data:image/png;base64,iVBORw0KGgo...
    }
}

```

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

#### Enterprise Support

Image-Charts Enterprise and Enterprise+ subscriptions remove the watermark and enable advanced features like
custom-domain, high-resolution charts, custom fonts, multiple axis and mixed charts.

- [Pricing and plan comparison](https://www.image-charts.com/pricing)
- [Enterprise documentation](https://documentation.image-charts.com/enterprise/)

##### Usage

Once subscribed to a plan you will receive an `ACCOUNT_ID` and a `SECRET_KEY`.
These two parameters are mandatory to sign your request and remove the watermark.
Replace both values in the code example below:

```c-sharp
using ImageChartsLib;

public class EnterpriseSignChart {
    static void Main(string[] args)
    {
        string chartUrl = new ImageCharts("SECRET_KEY")
            .icac("ACCOUNT_ID")
            .cht("p3") // pie chart
            .chs("700x190") // 700px x 190px
            .chd("t:60,40") // 2 data points: 60 and 40
            .chl("Hello|World") // 1 label per pie slice : "Hello" and "World"
            .chf("ps0-0,lg,45,ffeb3b,0.2,f44336,1|ps0-1,lg,45,8bc34a,0.2,009688,1") // 1 gradient per pie slice
            .icretina("1") // enable paid-only features like high-resolution charts
            .toURL(); // get the whole (HMAC signed) URL

Console.WriteLine(chartUrl); // https://image-charts.com:443/chart?chd=t%3A60%2C40&chf=ps0-0%2Clg%2C45%2Cffeb3b%2C0.2%2Cf44336%2C1%7Cps0-1%2Clg%2C45%2C8bc34a%2C0.2%2C009688%2C1&chl=Hello%7CWorld&chs=700x190&cht=p3&icac=ACCOUNT_ID&icretina=1&ichm=122242bb700d825d69b3fafe4ec67193b45dcfe0ed93fcca307e0d0a84b73ea2
    }
}

```

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

#### On-Premise Support

Image-Charts virtual appliance can be deployed anywhere inside a customer network.

```c-sharp
using ImageChartsLib;

string chartUrl = new ImageCharts(
// protocol
null,
// override the host with your own endpoint
"custom-domain.tld",
// port
null,
// pathname
null,
// secret
"SECRET_KEY"
)
.icac("ACCOUNT_ID")
.cht("p3") // pie chart
.chs("700x190") // 700px x 190px
.chd("t:60,40") // 2 data points: 60 and 40
.chl("Hello|World") // 1 label per pie slice : "Hello" and "World"
.chf("ps0-0,lg,45,ffeb3b,0.2,f44336,1|ps0-1,lg,45,8bc34a,0.2,009688,1") // 1 gradient per pie slice
.icretina("1") // enable paid-only features like high-resolution charts
.toURL(); // get the whole (HMAC signed) URL

Console.WriteLine(chartUrl); // https://custom-domain.tld/chart?chd=t%3A60%2C40&chf=ps0-0%2Clg%2C45%2Cffeb3b%2C0.2%2Cf44336%2C1%7Cps0-1%2Clg%2C45%2C8bc34a%2C0.2%2C009688%2C1&chl=Hello%7CWorld&chs=700x190&cht=p3&icac=fgribreau&icretina=1&ichm=652f09953663bce161ac612af5f310f5abf7151b55337ef2a97e5e1cd559c8fb
```

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="cht"></a>
#### `cht( value )` : [`ImageCharts`](#constructor)

> Chart type

> [Reference](https://documentation.image-charts.com/reference/chart-type/)

##### Allowed values: 
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y" target="_blank">
    <pre>.cht("bvs")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvg&chxt=y" target="_blank">
    <pre>.cht("bvg")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bhs&chxt=y" target="_blank">
    <pre>.cht("bhs")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bhg&chxt=y" target="_blank">
    <pre>.cht("bhg")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvo&chxt=y" target="_blank">
    <pre>.cht("bvo")</pre>
</a>

Other allowed values are: <pre>p | p3 | pc | pd | ls | lc | lxy | ls:nda | lc:nda | lxy:nda | pa | bb | gv | gv:dot | gv:neato | gv:circo | gv:fdp | gv:osage | gv:twopi | qr | r</pre>

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chd"></a>
#### `chd( value )` : [`ImageCharts`](#constructor)

> chart data

> [Reference](https://documentation.image-charts.com/reference/data-format/)

##### Usage

<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A-100%2C200.5%2C75.55%2C110&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y" target="_blank">
    <pre>.chd("a:-100,200.5,75.55,110")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=t%3A10%2C20%2C30%7C15%2C25%2C35&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y" target="_blank">
    <pre>.chd("t:10,20,30|15,25,35")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=s%3ABTb19_%2CMn5tzb&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y" target="_blank">
    <pre>.chd("s:BTb19_,Mn5tzb")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=e%3ABaPoqM2s%2C-A__RMD6&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y" target="_blank">
    <pre>.chd("e:BaPoqM2s,-A__RMD6")</pre>
</a>

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chds"></a>
#### `chds( value )` : [`ImageCharts`](#constructor)

> data format with custom scaling

> [Reference](https://documentation.image-charts.com/reference/data-format/#text-format-with-custom-scaling)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="choe"></a>
#### `choe( value )` : [`ImageCharts`](#constructor)

> QRCode data encoding

> [Reference](https://documentation.image-charts.com/qr-codes/#data-encoding)

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chld"></a>
#### `chld( value )` : [`ImageCharts`](#constructor)

> QRCode error correction level and optional margin

> [Reference](https://documentation.image-charts.com/qr-codes/#error-correction-level-and-margin)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chxr"></a>
#### `chxr( value )` : [`ImageCharts`](#constructor)

> Axis data-range

> [Reference](https://documentation.image-charts.com/reference/chart-axis/#axis-range)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chof"></a>
#### `chof( value )` : [`ImageCharts`](#constructor)

> Image output format

> [Reference](https://documentation.image-charts.com/reference/output-format/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chs"></a>
#### `chs( value )` : [`ImageCharts`](#constructor)

> Chart size (&lt;width&gt;x&lt;height&gt;)

> [Reference](https://documentation.image-charts.com/reference/chart-size/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chdl"></a>
#### `chdl( value )` : [`ImageCharts`](#constructor)

> Text for each series, to display in the legend

> [Reference](https://documentation.image-charts.com/reference/legend-text-and-style/)

##### Usage

<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=NASDAQ%7CFTSE100%7CDOW&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y" target="_blank">
    <pre>.chdl("NASDAQ|FTSE100|DOW")</pre>
</a>

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chdls"></a>
#### `chdls( value )` : [`ImageCharts`](#constructor)

> Chart legend text and style

> [Reference](https://documentation.image-charts.com/reference/legend-text-and-style/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chg"></a>
#### `chg( value )` : [`ImageCharts`](#constructor)

> Solid or dotted grid lines

> [Reference](https://documentation.image-charts.com/reference/grid-lines/)

##### Usage

<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&chg=1%2C1" target="_blank">
    <pre>.chg("1,1")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&chg=0%2C1%2C1%2C5" target="_blank">
    <pre>.chg("0,1,1,5")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&chg=1%2C1%2CFF00FF" target="_blank">
    <pre>.chg("1,1,FF00FF")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&chg=1%2C1%2C1%2C1%2CCECECE" target="_blank">
    <pre>.chg("1,1,1,1,CECECE")</pre>
</a>

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chco"></a>
#### `chco( value )` : [`ImageCharts`](#constructor)

> series colors

> [Reference](https://documentation.image-charts.com/bar-charts/#examples)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chtt"></a>
#### `chtt( value )` : [`ImageCharts`](#constructor)

> chart title

> [Reference](https://documentation.image-charts.com/reference/chart-title/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chts"></a>
#### `chts( value )` : [`ImageCharts`](#constructor)

> chart title colors and font size

> [Reference](https://documentation.image-charts.com/reference/chart-title/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chxt"></a>
#### `chxt( value )` : [`ImageCharts`](#constructor)

> Display values on your axis lines or change which axes are shown

> [Reference](https://documentation.image-charts.com/reference/chart-axis/#visible-axes)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chxl"></a>
#### `chxl( value )` : [`ImageCharts`](#constructor)

> Custom string axis labels on any axis

> [Reference](https://documentation.image-charts.com/reference/chart-axis/#custom-axis-labels)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chxs"></a>
#### `chxs( value )` : [`ImageCharts`](#constructor)

> Font size, color for axis labels, both custom labels and default label values

> [Reference](https://documentation.image-charts.com/reference/chart-axis/#axis-label-styles)

##### Usage

<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&chxs=1%2C0000DD" target="_blank">
    <pre>.chxs("1,0000DD")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&chxs=1N*cUSD*Mil%2CFF0000" target="_blank">
    <pre>.chxs("1N*cUSD*Mil,FF0000")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&chxs=1N*cEUR*%2CFF0000" target="_blank">
    <pre>.chxs("1N*cEUR*,FF0000")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&chxs=2%2C0000DD%2C13%2C0%2Ct" target="_blank">
    <pre>.chxs("2,0000DD,13,0,t")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&chxs=0N*p*per-month%2C0000FF" target="_blank">
    <pre>.chxs("0N*p*per-month,0000FF")</pre>
</a>

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chm"></a>
#### `chm( value )` : [`ImageCharts`](#constructor)

> compound charts and line fills

> [Reference](https://documentation.image-charts.com/reference/compound-charts/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chls"></a>
#### `chls( value )` : [`ImageCharts`](#constructor)

> line thickness and solid/dashed style

> [Reference](https://documentation.image-charts.com/line-charts/#line-styles)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chl"></a>
#### `chl( value )` : [`ImageCharts`](#constructor)

> bar, pie slice, doughnut slice and polar slice chart labels

> [Reference](https://documentation.image-charts.com/reference/chart-label/)

##### Usage

<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=label1%7Clabel2&chs=700x300&cht=bvs&chxt=y" target="_blank">
    <pre>.chl("label1|label2")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=multi%0Aline%0Alabel1%7Clabel2&chs=700x300&cht=bvs&chxt=y" target="_blank">
    <pre>.chl("multi
line
label1|label2")</pre>
</a>

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chlps"></a>
#### `chlps( value )` : [`ImageCharts`](#constructor)

> Position and style of labels on data

> [Reference](https://documentation.image-charts.com/reference/chart-label/#positionning-and-formatting)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chma"></a>
#### `chma( value )` : [`ImageCharts`](#constructor)

> chart margins

> [Reference](https://documentation.image-charts.com/reference/chart-margin/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chdlp"></a>
#### `chdlp( value )` : [`ImageCharts`](#constructor)

> Position of the legend and order of the legend entries

> [Reference](https://documentation.image-charts.com/reference/legend-text-and-style/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chf"></a>
#### `chf( value )` : [`ImageCharts`](#constructor)

> Background Fills

> [Reference](https://documentation.image-charts.com/reference/background-fill/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chbr"></a>
#### `chbr( value )` : [`ImageCharts`](#constructor)

> Bar corner radius. Display bars with rounded corner.

> [Reference](https://documentation.image-charts.com/bar-charts/#rounded-bar)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chan"></a>
#### `chan( value )` : [`ImageCharts`](#constructor)

> gif configuration

> [Reference](https://documentation.image-charts.com/reference/animation/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="chli"></a>
#### `chli( value )` : [`ImageCharts`](#constructor)

> doughnut chart inside label

> [Reference](https://documentation.image-charts.com/pie-charts/#inside-label)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="icac"></a>
#### `icac( value )` : [`ImageCharts`](#constructor)

> image-charts enterprise `account_id`

> [Reference](https://documentation.image-charts.com/enterprise/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="ichm"></a>
#### `ichm( value )` : [`ImageCharts`](#constructor)

> HMAC-SHA256 signature required to activate paid features

> [Reference](https://documentation.image-charts.com/enterprise/)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="icff"></a>
#### `icff( value )` : [`ImageCharts`](#constructor)

> Default font family for all text from Google Fonts. Use same syntax as Google Font CSS API

> [Reference](https://documentation.image-charts.com/reference/chart-font/)

##### Allowed values: 
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&icff=ABeeZee" target="_blank">
    <pre>.icff("ABeeZee")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&icff=Abel" target="_blank">
    <pre>.icff("Abel")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&icff=Abhaya%20Libre" target="_blank">
    <pre>.icff("Abhaya Libre")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&icff=Abril%20Fatface" target="_blank">
    <pre>.icff("Abril Fatface")</pre>
</a>
<a href="https://editor.image-charts.com/#https:/image-charts.com/chart?chd=a%3A30010%2C-30000%2C50000%2C80000%2C20000&chdl=Income&chf=b0%2Clg%2C90%2CEA469EFF%2C1%2C03A9F47C%2C0.4&chl=2014%7C2015%7C2016%7C2017%7C2018&chs=700x300&cht=bvs&chxt=y&icff=Aclonica" target="_blank">
    <pre>.icff("Aclonica")</pre>
</a>

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="icfs"></a>
#### `icfs( value )` : [`ImageCharts`](#constructor)

> Default font style for all text

> [Reference](https://documentation.image-charts.com/reference/chart-font/)

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="iclocale"></a>
#### `iclocale( value )` : [`ImageCharts`](#constructor)

> localization (ISO 639-1)

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="icretina"></a>
#### `icretina( value )` : [`ImageCharts`](#constructor)

> retina mode

> [Reference](https://documentation.image-charts.com/reference/retina/)

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="icqrb"></a>
#### `icqrb( value )` : [`ImageCharts`](#constructor)

> Background color for QR Codes

> [Reference](https://documentation.image-charts.com/qr-codes/#background-color)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

----------------------------------------------------------------------------------------------

<a name="icqrf"></a>
#### `icqrf( value )` : [`ImageCharts`](#constructor)

> Foreground color for QR Codes

> [Reference](https://documentation.image-charts.com/qr-codes/#foreground-color)

##### Usage

- _[Back to Getting started](#getting-started)_
- _[Back to ToC](#table-of-contents)_

c-sharp

c-sharp 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

c-sharp

c-sharp 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README