Как я могу добавить изображение в середине диаграммы - PullRequest
Новая
       10

Как я могу добавить изображение в середине диаграммы

0 голосов
/ 30 апреля 2020

Я хочу добавить изображение в середине символа js, какой тип калибровки, пожалуйста, помогите. Я искал в Google, но я не нашел никакого ответа. Код моего графика js таков. 

chart: {
                        type: 'gauge',
                        backgroundColor: 'black',
                        margin: [10, 10, 10, 10],
                    },

                    title: {
                        text: null,
                    },

                    pane: {
                        startAngle: -90,
                        endAngle: 90,
                        background: null,
                        size: '100%',
                    },
                    credits: {
                        enabled: false
                    },
                    exporting: {
                        enabled: false
                    },

                    tooltip: {
                        borderWidth: 0,
                        backgroundColor: 'none',
                        shadow: false,
                        style: {
                            fontSize: '0px'
                        }
                    },

                    yAxis: {
                        tickLength: 1,
                        minorTickLength: 0,
                        endOnTick: false,
                        tickColor: 'rgba(0,0,0,0)',
                        tickInterval: tickInterval,
                        labels: {
                            distance: 15,
                            style: {
                                color: 'white',
                                font: '20px Trebuchet MS, Verdana, sans-serif',
                            }
                        },
                        min: graphMinMaxDto.min,
                        max: graphMinMaxDto.max,

                        title: {
                            text: null
                        },
                        plotBands: [
                            {
                                from: graphMinMaxDto.min,
                                to: masterKwRangeDataArray[0],
                                color: '#538235',
                                thickness: 45,
                            }, {
                                from: masterKwRangeDataArray[0],
                                to: masterKwRangeDataArray[1],
                                color: '#FEFF00',
                                thickness: 45,
                            }, {
                                from: masterKwRangeDataArray[1],
                                to: graphMinMaxDto.max,
                                color: '#C00000',
                                thickness: 45,
                            }]
                    },

                    series: [{
                        name: null,
                        data: [masterKw],
                    }]

Я хочу получить такой результат. Я сделал это по css, но это не реагирует. Я хочу сделать это по графику js, чтобы он был адаптивным. введите описание изображения здесь

...