Sorry is the only way to do it. It creates a short code and adds it to the array. You can use the short code with the classic editor.

Currently you can only enter data manually. We are planning to add json from a url in the next version.

Hi thanks for your reply.

no its not possible this version

hi you can show bar label like this

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value',

    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar',
        showBackground: true,
        label: {
                show: true,
                position: 'insideBottom',
                fontSize:24
            },
        backgroundStyle: {
            color: 'rgba(220, 220, 220, 0.8)'
        }
    }]
};

label: {
                show: true,
                position: 'insideBottom',
                fontSize:24
            },

Yes. You can use it as a shortcode.

hi, please see. https://www.youtube.com/watch?v=O5wSMf9ETHw&feature=youtu.be

I’m sorry. not supported.

hi, can you send your email addres to us.

i do not have your email address

maps and images can be changed. demo page.

ok, will you let me know when and how? thank you

is there a way to control the length of the axisTick, but not the smaller ones which I found, but bigger ones that show for each number on the scale?

Any updates on the responsive feature for gauge charts? Thank you.

option = {
  series: [{
    name: 'example',
    type: 'gauge',
    radius: '90%',
    min:0,
    max:1000,
    splitNumber: 50,
    startAngle: 220,
    endAngle: -40,
    axisLine: {
      show: true,
      lineStyle: {
        width: 1,
        color: [[1,'rgba(0,0,0,0)']]
      }
    },
    axisLabel: {
      show: true,
      color:'#fff',
      distance:30
    },
    axisTick: {
      show: true,
      lineStyle: {
        color: '#fff',
        width: 1
      },
      length: -8
    },
    splitLine: {
      show: true,
      length: -20,
      lineStyle: {
        color: '#fff'
      }
    },
    detail: {
      show: false
    },
    pointer: {
      show: false
    }
  },

  ]
};

Thank you, it works

Our figures are very high, in millions, so how do I properly calibrate the gauge scale, if I put max number as 1000000 it’s just too much to display. For example, we can use scale in 100,000 which in short is 100K, is there a way to add letters to the numbers on the gauge? so instead of showing 10, 20, 30, 50…. it will show 10K, 20K, etc?

Full code is

option = {
    series: [{
        type: "gauge",
        startAngle: 190,
        endAngle: -10,
        min: 0,
        max: 1000,
        radius: "80%",
        center: ["50%", "65%"],
        axisLine: {
            show: true,
            lineStyle: {
                width: 100,
                shadowBlur: 10,
                color: [
                    [0, '#B5495B'],
                    [0.333333, '#D0104C'],

                    [0.666666, '#f09426'],

                    [1, '#20604F']
                ]
            }
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            show: false
        },
        splitLine: {
            show: false
        },
        pointer: {
            width: "3%",
            length: '90%',
            color: "black" 
        },
        itemStyle: {
            normal: {
                color: "rgba(255, 255, 255, 0.8)",
                shadowBlur: 20
            }
        },

        title: {
            show: false
        },
        detail: {
            show: true
        },
        data: [{
            value:945, name:'945'
        }]
    }]
}

for change ”%” character use this formatter code

series: [
        {
            name: 'example',
            type: 'gauge',
            detail: {formatter:'{value}%'},
            data: [{value: 50, name: 'example'}]
        }
    ]

min:0,
max:1000,
splitNumber: 50, 

But how is it possible that on the bar charts is showed the values with a comma and on the pie charts is not possible?

In this bar chart is showed on the level of Y and inside the label all the numbers with commas. I need also inside the pie chart the same type of numbers with commas

{ “backgroundColor”: ”#ffffff”, “title”: { “text”: “Title”, “x”: “center”, “subtext”: ”” }, “tooltip”: { “trigger”: “axis” }, “legend”: { “padding”: 20, “x”: “center”, “y”: “bottom”, “data”: [ “Quota II”, “Quota III” ], “selectedMode”: false }, “toolbox”: { “show”: false, “feature”: { “mark”: { “show”: false }, “dataView”: { “show”: false, “readOnly”: false }, “magicType”: { “show”: true, “type”: [ “line”, “bar” ] }, “restore”: { “show”: true, “title”: “Refresh” }, “saveAsImage”: { “show”: true, “title”: “Save As Image” } } }, “calculable”: true, “xAxis”: [ { “type”: “category”, “data”: [ “Asse I ”, “Asse II”, “Asse III” ] } ], “yAxis”: [ { “type”: “value” } ], “grid”: { “show”: true, “containLabel”: true, “left”: “10”, “right”: “40”, “top”: “80”, “bottom”: “60” }, “color”: [ ”#3d85c6”, ”#f6b26b” ], “series”: [ { “name”: “Quota II”, “type”: “bar”, “data”: [ 270170418, 85510782, 12518800 ] }, { “name”: “Quota III”, “type”: “bar”, “data”: [ 90056806, 28503594, 4172934 ] } ] }

is not possible on pie chart..

Please send us the website demo address. help@yellowred.info

Can you replace or append names on graphs to use a png, jpg or svg graphic that is a company brand for example? If not, please consider implementing support for this ASAP. See attached as an example mocked up in PS.

https://1drv.ms/u/s!Ar45i15ykF_-ge9cWZsmiHi7lRedIA

hi, can you send us to your email address.

hi, sorry. not supported.

Sory. Not supported.

Hi, 1- Wp version not supported json data yet ☹ we have working on this 2- If you know advanced jquery, yes its possible.

Thanks Best Regards

Hi, please explain in detail.