Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Wijmo条形图-使用轴上的图像_Javascript_Jquery_Jquery Plugins_Wijmo - Fatal编程技术网

Javascript Wijmo条形图-使用轴上的图像

Javascript Wijmo条形图-使用轴上的图像,javascript,jquery,jquery-plugins,wijmo,Javascript,Jquery,Jquery Plugins,Wijmo,我正在使用Wijmo条形图,并试图创建一个在x轴上有图像而不是标签的图形 这是我目前得到的代码,但是,图像源是作为字符串打印出来的,而不是显示图像。有人知道解决这个问题的办法吗 $(document).ready(function () { defaultPalette = ['#e11a00', '#ddcd0e', '#005698']; $("#wijbarchart").wijbarchart({ horizontal:false,

我正在使用Wijmo条形图,并试图创建一个在x轴上有图像而不是标签的图形

这是我目前得到的代码,但是,图像源是作为字符串打印出来的,而不是显示图像。有人知道解决这个问题的办法吗

    $(document).ready(function () {
    defaultPalette = ['#e11a00', '#ddcd0e', '#005698'];
    $("#wijbarchart").wijbarchart({
        horizontal:false,
        hint: {
            content: function () {
                return this.data.label + '\n ' + this.y + '';
            }
        },
        seriesList: [{
            label: "Entries",
            legendEntry: true,
            data: { 
                x: [<img src="photos/image1.jpg" />,<img src="photos/image2.jpg" />,<img src="photos/image3.jpg" />],
                y: [22,10,65] 
            }
        }],
        painted: function (args) {
            var bars = $(this).data('fields').chartElements.bars
            if (bars.length > 0) {
                for (var i in bars) {
                    bars[i].attr({ fill: defaultPalette[i % defaultPalette.length]});
                }
            }
        },
        mouseOut: function (e, data) {
            data.bar.attr({ fill: defaultPalette[data.index % defaultPalette.length]});
        }
    });
});
$(文档).ready(函数(){
defaultPalette=['#e11a00'、'#ddcd0e'、'#005698'];
$(“#wijbarchart”).wijbarchart({
水平:错,
提示:{
内容:功能(){
返回this.data.label+'\n'+this.y+'';
}
},
系列列表:[{
标签:“条目”,
legendEntry:没错,
数据:{
x:[,],
y:[22,10,65]
}
}],
绘制:函数(args){
var bar=$(this).data('fields').chartElements.bar
如果(钢筋长度>0){
用于(以巴为单位的var i){
条[i].attr({fill:defaultPalette[i%defaultPalette.length]});
}
}
},
mouseOut:函数(e,数据){
data.bar.attr({fill:defaultPalette[data.index%defaultPalette.length]});
}
});
});

谢谢

目前,不支持显示图像来代替valuelabels。然而,我已经为开发团队做了一个增强,希望在将来的构建中能够支持它

问候

阿什