Comments (3)
@russellbits Can you provide a reproducable example? Thanks
from circosjs.
I am currently having trouble reproducing this, but I'll try again in the next several days.
from circosjs.
I get it with just this code
<script src='https://cdn.rawgit.com/nicgirault/circosJS/v2/dist/circos.js'></script><script>
var myCircos = new Circos({
container: '#chart',
width: 500,
height: 500,
});
// here should be your code
myCircos.layout(data, configuration);
var configuration = {
innerRadius: 250,
outerRadius: 300,
cornerRadius: 10,
gap: 0.04, // in radian
labels: {
display: true,
position: 'center',
size: '14px',
color: '#000000',
radialOffset: 20,
},
ticks: {
display: true,
color: 'grey',
spacing: 10000000,
labels: true,
labelSpacing: 10,
labelSuffix: 'Mb',
labelDenominator: 1000000,
labelDisplay0: true,
labelSize: '10px',
labelColor: '#000000',
labelFont: 'default',
majorSpacing: 5,
size: {
minor: 2,
major: 5,
}
},
events: {}
}
var data = [
{ len: 31, color: "#8dd3c7", label: "January", id: "january" },
{ len: 28, color: "#ffffb3", label: "February", id: "february" },
{ len: 31, color: "#bebada", label: "March", id: "march" },
{ len: 30, color: "#fb8072", label: "April", id: "april" },
{ len: 31, color: "#80b1d3", label: "May", id: "may" },
{ len: 30, color: "#fdb462", label: "June", id: "june" },
{ len: 31, color: "#b3de69", label: "July", id: "july" },
{ len: 31, color: "#fccde5", label: "August", id: "august" },
{ len: 30, color: "#d9d9d9", label: "September", id: "september" },
{ len: 31, color: "#bc80bd", label: "October", id: "october" },
{ len: 30, color: "#ccebc5", label: "November", id: "november" },
{ len: 31, color: "#ffed6f", label: "December", id: "december" }
]
myCircos.render();
</script>
from circosjs.
Related Issues (20)
- How to deal with json string?
- Question for those who know if there are similar libraries of such a graph, but in one line
- events not working? HOT 1
- what input data are required to create a circos plot using miRNA and associated gene ?
- tooltipContent on chords chart HOT 1
- chords connecting two tracks HOT 1
- D3.queue is not a function HOT 1
- Source for Heat map calendar example HOT 1
- Community Feedback: CircosJS wrapper for Dash by Plotly - with zoom/pan & download feature
- Heatmap examples fails to load Firefox 64.0 HOT 1
- It seem是 HOT 2
- Add images just next to the text or label
- Problem with Histogram HOT 1
- Problem with Stack
- Choords not visible ! HOT 1
- Chords: conf.tooltipContent is not a function HOT 1
- version 2.2.0 not available on npm
- whether the width of source-target line can be changed in Chords?
- How to initiate Chords plot in javascript?
- Anyway to use this library on Mobile with React Native?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from circosjs.