Highcharts donut chart with centered title
Highcharts donut chart with a centered title.
/**/ |
// Welcome! require() some modules from npm (like you were using browserify) | |
// and then hit Run Code to run your code on the right side. | |
// Modules get downloaded from browserify-cdn and bundled in your browser. | |
var h = require('virtual-dom/h'); | |
var diff = require('virtual-dom/diff'); | |
var patch = require('virtual-dom/patch'); | |
var createElement = require('virtual-dom/create-element'); | |
// 1: Create a function that declares what the DOM should look like |
// Welcome! require() some modules from npm (like you were using browserify) | |
// and then hit Run Code to run your code on the right side. | |
// Modules get downloaded from browserify-cdn and bundled in your browser. | |
var h = require('virtual-dom/h'); | |
var diff = require('virtual-dom/diff'); | |
var patch = require('virtual-dom/patch'); | |
var createElement = require('virtual-dom/create-element'); | |
// 1: Create a function that declares what the DOM should look like |
// Welcome! require() some modules from npm (like you were using browserify) | |
// and then hit Run Code to run your code on the right side. | |
// Modules get downloaded from browserify-cdn and bundled in your browser. | |
// https://tonicdev.com/npm/svg-points | |
var p = require("svg-points") | |
var toPoints = p.toPoints; | |
const points = toPoints( { | |
shape: 'path', |
{ | |
"panels": [ | |
{ | |
"panelTitle": "Chart settings", | |
"pane": [ | |
{ | |
"title": "Chart type and interaction", | |
"options": [{"name":"chart.type","defaults":"column"},"chart.inverted","chart.zoomType"] | |
}, | |
{ |