Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.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 如何使海图泡泡图泡泡看起来像甜甜圈符号而不是圆形?_Javascript_Jquery_Css_Highcharts - Fatal编程技术网

Javascript 如何使海图泡泡图泡泡看起来像甜甜圈符号而不是圆形?

Javascript 如何使海图泡泡图泡泡看起来像甜甜圈符号而不是圆形?,javascript,jquery,css,highcharts,Javascript,Jquery,Css,Highcharts,我有一个基本的海图气泡图。所有的气泡都是圆形的。我想让它看起来像一个甜甜圈符号。我如何在海图中做到这一点 JSFiddle: 代码 您正在尝试为每个系列制作一个甜甜圈图表?看看这是否有帮助不,我想设计气泡的样式,使其看起来像一个甜甜圈(中心有一个小孔),你可以将每个气泡定义为额外的系列饼。示例:。第二个解决方案是通过添加新符号来准备自己的自定义标记。相似符号:你想为每个系列做一个油炸圈饼图?看看这是否有帮助不,我想设计气泡的样式,使其看起来像一个甜甜圈(中心有一个小孔),你可以将每个气泡定义为额

我有一个基本的海图气泡图。所有的气泡都是圆形的。我想让它看起来像一个甜甜圈符号。我如何在海图中做到这一点

JSFiddle:

代码


您正在尝试为每个系列制作一个甜甜圈图表?看看这是否有帮助不,我想设计气泡的样式,使其看起来像一个甜甜圈(中心有一个小孔),你可以将每个气泡定义为额外的系列饼。示例:。第二个解决方案是通过添加新符号来准备自己的自定义标记。相似符号:你想为每个系列做一个油炸圈饼图?看看这是否有帮助不,我想设计气泡的样式,使其看起来像一个甜甜圈(中心有一个小孔),你可以将每个气泡定义为额外的系列饼。示例:。第二个解决方案是通过添加新符号来准备自己的自定义标记。类似符号:
$(function () {
    $('#container').highcharts({

        chart: {
            type: 'bubble',
            zoomType: 'xy'
        },

        title: {
            text: 'Highcharts Bubbles'
        },

        series: [{
            data: [[97, 36, 79], [94, 74, 60], [68, 76, 58], [64, 87, 56], [68, 27, 73], [74, 99, 42], [7, 93, 87], [51, 69, 40], [38, 23, 33], [57, 86, 31]]
        }, {
            data: [[25, 10, 87], [2, 75, 59], [11, 54, 8], [86, 55, 93], [5, 3, 58], [90, 63, 44], [91, 33, 17], [97, 3, 56], [15, 67, 48], [54, 25, 81]]
        }, {
            data: [[47, 47, 21], [20, 12, 4], [6, 76, 91], [38, 30, 60], [57, 98, 64], [61, 17, 80], [83, 60, 13], [67, 78, 75], [64, 12, 10], [30, 77, 82]]
        }]
    });
});