Repository navigation
Expand file tree
/
Copy pathlayout_images.fsx
More file actions
76 lines (58 loc) · 1.91 KB
/
Copy pathlayout_images.fsx
File metadata and controls
76 lines (58 loc) · 1.91 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
(**
---
title: Layout images
category: Chart Layout
categoryindex: 2
index: 6
---
*)
(*** hide ***)
(*** condition: prepare ***)
#r "nuget: Newtonsoft.JSON, 13.0.3"
#r "nuget: DynamicObj, 8.0.0"
#r "nuget: Giraffe.ViewEngine, 1.4.0"
#r "../../src/Plotly.NET/bin/Release/netstandard2.0/Plotly.NET.dll"
Plotly.NET.Defaults.DefaultDisplayOptions <-
Plotly.NET.DisplayOptions.init (PlotlyJSReference = Plotly.NET.PlotlyJSReference.NoReference)
(*** condition: ipynb ***)
#if IPYNB
#r "nuget: Plotly.NET, {{fsdocs-package-version}}"
#r "nuget: Plotly.NET.Interactive, {{fsdocs-package-version}}"
#endif // IPYNB
(**
# Layout images
[](https://mybinder.org/v2/gh/plotly/plotly.net/gh-pages?urlpath=/tree/home/jovyan/{{fsdocs-source-basename}}.ipynb) 
[]({{root}}{{fsdocs-source-basename}}.ipynb)
*Summary:* This example shows how to create Images and add them to the Charts in F#.
Let's first create some data for the purpose of creating example charts:
*)
open Plotly.NET
let x = [ 1.; 2.; 3.; 4.; 5.; 6.; 7.; 8.; 9.; 10. ]
let y = [ 2.; 1.5; 5.; 1.5; 3.; 2.5; 2.5; 1.5; 3.5; 1. ]
(**
Use the `LayoutImage.init` function to generate an image, and either the `Chart.withLayoutImage` or the `Chart.withLayoutImages` function to add
multiple annotations at once.
*)
open Plotly.NET.LayoutObjects
let image =
LayoutImage.init (
Source = "https://fsharp.org/img/logo/fsharp.svg",
XRef = "x",
YRef = "y",
X = 4,
Y = 4,
SizeX = 5,
SizeY = 3,
Sizing = StyleParam.LayoutImageSizing.Stretch,
Opacity = 0.5,
Layer = StyleParam.Layer.Below
)
let imageChart =
Chart.Line(x = x, y = y, Name = "line") |> Chart.withLayoutImage (image)
(*** condition: ipynb ***)
#if IPYNB
imageChart
#endif // IPYNB
(***hide***)
imageChart |> GenericChart.toChartHTML
(***include-it-raw***)