daemth

Highcharts donut chart with centered title

Highcharts donut chart with a centered title.

A Pen by thomas on CodePen.

License.

daemth

/**/

daemth

// 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 

daemth

// 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 

daemth

// 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',

daemth

      {
        "panels": [
          {
            "panelTitle": "Chart settings",
            "pane": [
              {
                "title": "Chart type and interaction",
                "options": [{"name":"chart.type","defaults":"column"},"chart.inverted","chart.zoomType"]
              },
              {