I am migrating a number of charts from anychart 6 (xml) to anychart 8 (javascript). I can't seem to find how to add a subtitle and a footer in anychart 8? These were available in anychart 6.
These features are available in the latest version too. Please take a look at the current title:
https://docs.anychart.com/Common_Settings/Title
You can use the HTML tags, e.g.
title.useHtml(true);
title.text(
"Sales Performance"+
"<br><a style=\"color:#0000FF; font-size: 10px;\">"+
"according to annual report</a>"
);
It will create the subtitle:
https://playground.anychart.com/docs/8.0.1/samples/CS_Titles_06-plain
Also, this example (it is related to statistics in common, but shows the idea): https://playground.anychart.com/docs/8.0.1/samples/CS_Statistics_05-plain
As for the footer, it can be done with the chart label:
https://docs.anychart.com/Common_Settings/Chart_Labels
You can define the label position, text content and other settings. I made the simple example to illustrate the point: https://jsfiddle.net/sye89q5z/
Related
I am creating an e-commerce website on Editor X and would like on the mobile version to have 2 columns with products displayed rahtar than the defalult one. Any tips would be much apprecited, I dont know Velo yet and would need a full walk through please. THANK YOU
I tried looking at the Editor X community and all I found is that Editor X does not support the 2 column view on mobile but it can be done by creating a repeater and then adding code using Velo
I wanted to know, how I can use more than one light boxes from Lightbox2 on a one-pager.
It works but its all in one Gallery.
How can I divide that galleries to be separated in a Lightbox?
Please help.
I am using the following within the html:
Initial symbol deleted at beginning to get it to get it to display!
a href="photos_2021/photo1.jpg" data-lightbox="member" data-title="Text to display">
.... and again!
img src="photos_2021/photo1.jpg" alt="Text to display"/>
As an aside, Note that the thumbnail photo is the same as the actual photo to be displayed - saves on having to produce 2 versions.
The word "member" defines which group of photos it is part of so you can add "member2","member3" etc. for different groups of photos within the same page.
I am trying to add links in the form 555-555-555 arbitrarily into paragraphs of text on my wagtail site. These phone numbers are currently peppered throughout the site as plain text, but I want to convert them to links.
I found this old wagtail github issue where they explained why they would not add them, but the 'Special-purpose pages' use case they described seems to be different than mine: my site has these numbers in paragraphs of text on most of the content pages (blog, product, marketing, etc).
Can anyone explain how I can add telephone links that can be used throughout the site?
I am using wagtail 1.x
To have telephone link within rich text, you'll need to create a plugin for Hallo.js. Have a look at the documentation and how Wagtail 1.13 creates and register such plugins.
Be aware though that it's usually quite involved and that Wagtail 2.0 rich text editor is now Draftail and Hallo.js is deprecated. Therefore, if you create a Hallo.js plugin and upgrade to Wagtail 2.0, you'll have to add some configuration to continue using Hallo.js or recreate the plugin for Draftail.
FWIW, if you are interested in having a look at what would be involved with creating an plugin for Draftail, you'll need to create an entity (also note that the API for creating entities should receive some enhancements in Wagtail 2.2).
With Raw HTML there is nothing to prevent editors from inserting malicious scripts into the page. Do not use this block. http://docs.wagtail.io/en/v2.1/topics/streamfield.html#rawhtmlblock
A workaround would be a custom filter. Eg:
{{ self.text|richtext|phonify }}
In your templatetags.py:
>>> def phonify(val):
... for tel in re.findall(r'tel:(\d+)', val):
... tag = '{}'.format(tel, tel)
... val = val.replace('tel:{}'.format(tel), tag)
... return val
...
>>> phonify('Hello tel:123 world tel:456!')
'Hello 123 world 456!'
>>>
Now you can instruct editors (via help_text) to add phone numbers like tel:5555555555.
This example does not handle - and +1. But if you figure that out, I'll update the answer ;)
I ended up chopping up my paragraphs and including raw html where I needed to add the tel links. A bit tedious, and the styles were slightly different on some pages, but shorter than doing it any other way.
how to change default color of column graph using GemBox version 37.3.30.1160.
If I create a .xlsx template and save the same it will work but I am trying to save the file as PDF and that's where its not working.
EDIT 2019-11-15:
In newer versions of GemBox.Spreadsheet (version 4.5 and above) we added support for chart formatting, see the version history page.
You can find Excel Chart Formatting example here. Also, here is another example in C# that shows how to change color of various chart parts like series, background, text, etc.
ColumnChart chart = ...
chart.SelectData(worksheet.Cells.GetSubrangeAbsolute(0, 0, 12, 1), true);
var red = DrawingColor.FromName(DrawingColorName.Red);
var green = DrawingColor.FromName(DrawingColorName.Green);
var blue = DrawingColor.FromName(DrawingColorName.Blue);
chart.Series[0].Fill.SetSolid(blue);
chart.Series[0].Outline.Fill.SetSolid(red);
chart.Fill.SetSolid(green);
chart.PlotArea.Outline.Fill.SetSolid(red);
chart.Outline.Fill.SetSolid(red);
ORIGINAL ANSWER:
GemBox.Spreadsheet currently does not have an API support for chart components styles. This information is currently supported only through a preservation and that is why it works for XLSX file, but the preserved information is lost when the input and output file format are not the same and that is why it does not work for PDF files.
However note that we do intend to implement this sometime in the future and if interested please feel free to vote for this feature in order to boost its priority.
But at this moment I cannot tell you exactly when it will be implemented.
I have an Orbit slider in a Foundation 3 site, and I need to be able to show slide numbers, as in "slide 3 of 8".
I see no options for that in the docs, but looking at the _settings.scss file I see these items:
$orbitSlideNumBgColor: rgba(0,0,0,0.7);
$orbitSlideNumFontColor: #fff;
$orbitSlideNumPadding: 5px;
But there's no indication how to use them. Uncommenting them doesn't do anything. How to integrate with a given slider, or do I need to do my oen coding to create numbers?
Take a look at the jquery.foundation.orbit.js file ... Here all options are listed. You want to:
$("#slider").orbit({ slideNumber: true });
Agreed that should have been documented :)