Is HighCharts custom marker symbol shape modifiable? - highcharts

In the Documents symbol can pass url() for displaying custom image symbol, but if my image is square and I need it to display as rounded shape, is HighCharts supporting this or I need custom css to do that?

Highcharts only gives the possibility to set custom marker symbol using url(), but under the hood that symbol occurs as an SVGImageElement, so basically it is not able to apply the for example border-radius parameter on it.
The simplest way to achieve the effect you need is by editing the image.
Also you can dynamically add the <rect> element for every symbol and set it as a clipRect of a specific image.
Best regards!

Related

How to style the transform anchors on a Konva element?

How do I style the transform anchors (e.g., blue boxes) on a transformable Konva element? Note I'm using Konva with konva-react.
Example 1:
In other words, what if I wanted to make the boxes grey, and semi-transparent? Or change the size?
Example 2:
Or, what if I waned to remove the anchors and make the entire edge of a Rect able to be grabbed to resize? In other words, make the anchor transparent and full-height/full-width.
I’d start your research using the elements from this example:
https://konvajs.org/docs/sandbox/Image_Resize.html
It shows that the transformer has various bits you can style in your own way. Good luck with that.

Is it possible to Draw on particular image in flutter like filling color to an Alphabet

I need to allow to draw within the image boundary in flutter like filling color to an alphabet. I can adjust the canvas using height and width but how to allow to draw within particular area in flutter.
If you use clipPath it should work. First you will need to create a path from your letters. There are ways to convert a png to a svg, and an sag to a path online.
Create three canvases each clipped to your letter, and then your user will only be able to draw within that path/ that letter.

Can we add multiple values on balloon marker with image in ios-charts?

I am using ios-charts and i added one value to balloon marker,
now i wish to add two values in two line in balloon marker and also wants to add two dots before that two values, i have implemented it in objective c.
I want to change balloon marker font color as well
So is it possible to implement in iOS charts ?
I would say it's definitely possible, but how easily you can do it is what you need to think about.
Balloon marker is just a example of how to use ChartMakrer. You can of course sub class ChartMarker and make your own.
I would consider render all your values and dots into one image, and assign it to ChartMarker's image property.

Adobe Edge Symbol Relative Size

is there a way for a Symbol in Adobe Edge to be sized with percentage values?
Unfortunately I see the toggle disabled but I'd really need to have a symbol with relative dimensions.
Hope someone can help me.
If you double click on the symbol to edit it, you can set the width and height to be percentage. You cannot change this from the stage directly, since you are editing a symbol instance (that is why it's disabled).
Alternatively, if you do want to be able to change the size from the main stage, double click the symbol to open it, and change the Instance property from Scale to Resize.
Now the symbol will be able to be editable via percentages from the main stage.

Core Plot - Custom Image for Grid Line

Is it possible to have a custom image as grid line for axis in core plot ?
I want to set a 2 pixel height custom image for my requirement.
Setting color for grid line using the image as pattern doesnt produce the effect as like image.
Balaji R.
There is now a lineFill property that is part of the line style. You can create a fill with the image. I'm guessing you'll also want to set the tiled property of the image to YES.
The lineFill property was added after the 1.0 release, so until after the next release you'll need to pull the latest code using Mercurial to get this feature.

Resources