首次刷新后，xAxis图像在Highcharts中消失开发者社区

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

温柔的黄花菜 · 去部队探亲，一样能“说走就走” - 中国军网· 1 年前 ·

鼻子大的肉夹馍 · 《辐射4》和《辐射：新维加斯》有哪些DLC值 ...· 2 年前 ·

销魂的瀑布 · 漫画全集在线观看 - 哔哩哔哩漫画· 2 年前 ·

天涯 · Redis Cluster（集群）的搭建 - 简书· 4 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

文章/答案/技术大牛

发布

 /**
 * Whenselection changes
$(document).on('change', '.filter', function(){
     getChartData($params)
 * API call to get data that will populate charts.
 * @param {obj} params
function getChartData(params)
    //Get chart data
    $.ajax({
        url: apiURL + '/chartdata/',
        data: params,
        dataType: 'json',
        cache: false,
        success: function(data) {
            initChart(data[0]);
function initChart(chartData)
    var chart = Highcharts.chart('container', {
        chart: {
            type: 'bar',
            backgroundColor: 'transparent', //#E8EAF6',
            height: '23%',
            marginLeft: 35
        title: {
            text: null
        xAxis: {
            categories: [category1, category2],
            lineColor: 'transparent',
            min: 0,
            tickColor: 'transparent',
            title: {
                text: null
            labels: {
                x: -35,
                useHTML: true,
                overflow: 'allow',
                formatter: function () {
                    if(this.isFirst == true)
                        return '<img src="../assets/img/nat-jr-grad-gold.png"><br/>';
                        return '<img src="../assets/img/nat-jr-grad-purple.png"><br/>';
        yAxis: {
            min: 0,
            title: {
                useHTML: true,
                text: null
            labels: {
                enabled: false
            lineWidth: 0,
            minorGridLineWidth: 0,
            gridLineWidth: 0,
            lineColor: 'transparent',
            gridLineColor: 'transparent',
        legend: {
            enabled: false
        series: [{
            name: category1,
            data: [{name: category1, y:Math.round(chartData.p_grad_nongap * 100), {y: null}],
            name: category2,
            data: [null, {name: category2, y: Math.round(chartData.p_grad_gap * 100)}]
     });

var img = new Image();
img.onload = function() {
    initChart();
img.src = "https://www.highcharts.com/samples/graphics/sun.png";

/* Render X-Axis images */
chart.renderer.image('../assets/img/img1.png', 0, 40, 32, 36)
    .css({
        class: 'icon-img',
        zIndex: 10
    .add();

回答 2

Stack Overflow用户

Stack Overflow用户