Vue Chart - series.point.image

Substitutes the standard point symbols with an image.

Type:

String

|

Object

Default Value: undefined
This member is exposed by the following entities:

To display an image instead of series points, assign its URL to the url option. If needed, resize the image using the height and width options. Otherwise, you can assign the URL directly to the image option.

View Demo

height

Specifies the height of the image used instead of a point marker.

Type:

Number

|

Object

Default Value: 30
This member is exposed by the following entities:

Normally, this option accepts a numeric value, but if you have a range area series, you may want to specify different heights for the minimum and maximum points. In that instance, set the height option to an object with the rangeMinPoint and rangeMaxPoint fields.

url

Specifies the URL of the image to be used as a point marker.

Type:

String

|

Object

Default Value: undefined
This member is exposed by the following entities:

Normally, this option accepts one URL as a string value, but if you have a range area series, you may want to specify different images for the minimum and maximum points. In that instance, set the url option to an object with the rangeMinPoint and rangeMaxPoint fields.

width

Specifies the width of an image that is used as a point marker.

Type:

Number

|

Object

Default Value: 30
This member is exposed by the following entities:

Normally, this option accepts a numeric value, but if you have a range area series, you may want to specify different widths for the minimum and maximum points. In that instance, set the width option to an object with the rangeMinPoint and rangeMaxPoint fields.