Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/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_Echarts - Fatal编程技术网

Javascript 我怎样才能用它画一只夜莺来描述两个数据呢?

Javascript 我怎样才能用它画一只夜莺来描述两个数据呢?,javascript,echarts,Javascript,Echarts,这是地图。我想让它描述两个不同的数据。 使用面积来描述订单的总和,使用角度来描述订单的数量。 现在我知道type=“pie”和roseType=true可以画夜莺。 但是数据只能是一个,面积和角度是相同的百分比。 帮助我!谢谢! (请原谅我拉英语) .data bac{box shadow:1px 2px 5px#333;边框半径:8px;背景色:#fff;} .data img{宽度:700px;高度:482px;浮动:左侧;页边距底部:20px;} var app=echarts.init

这是地图。我想让它描述两个不同的数据。 使用面积来描述订单的总和,使用角度来描述订单的数量。 现在我知道type=“pie”和roseType=true可以画夜莺。 但是数据只能是一个,面积和角度是相同的百分比。 帮助我!谢谢! (请原谅我拉英语)


.data bac{box shadow:1px 2px 5px#333;边框半径:8px;背景色:#fff;}
.data img{宽度:700px;高度:482px;浮动:左侧;页边距底部:20px;}
var app=echarts.init(document.getElementById('data-img');
app.title=嵌套环形图';
var sum=[1200130014001500]//这是面积的总金额,符号为苏州,常州,上海,无锡
var选项={
工具提示:{
触发器:'item',
格式化程序:{a}
{b}:{c}({d}%)“ }, 图例:{ 方向:'垂直', 右:“8%”, 底部:“8%”, 数据:[”苏州","常州","无锡","上海"] }, 颜色:['006699'、'00CC33'、'000'、'006600'], 系列:[{ 姓名:'注册用户数量的渠道分布', 类型:'pie', 半径:['30%,'55%'], 玫瑰型:对, 数据:[{ 值:10,//这是面积的数量 姓名:'苏州' },{ 值:20,//这是面积的数量 姓名:'常州' },{ 值:30,//这是面积的数量 姓名:'无锡' },{ 值:40,//这是面积的数量 姓名:'上海' }], }], 背景颜色:{color:“rgb(255255)”} }; // 使用刚指定的配置项和数据显示图表。 应用程序设置选项(选项);
我也在为同样的事情挣扎,联系了GitHub上的开发人员,他们告诉我这在ECharts上是不可能的;它根本不是这样设计的

您必须在
roseType:'area'
roseType:'radius'
之间进行选择


如果可能的话,你能添加一些示例代码吗?即使是用于生成示例的内容。我无法使用ECharts进行绘制。因为你想要的是不可能的。你必须在两种类型的夜莺之间进行选择,面积或半径,但你不能将它们组合起来。我发现这是不可能的。因此我必须以ar的名义使用一些描述ea,例如“上海,4.单".
<style>

    .data-bac{box-shadow: 1px 2px 5px #333;border-radius: 8px;background-color: #fff;}
    .data-img{width:700px;height: 482px;float:left;margin-bottom:20px;}
</style>
<div class='data-img data-bac' id='data-img'></div>
<script>
    var app = echarts.init(document.getElementById('data-img'));
    app.title = '嵌套环形图';
    var sum = [1200,1300,1400,1500] //here is the total money of area ,symbol for 苏州,常州,上海,无锡
    var option = {
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b}: {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            right:"8%",
            bottom:"8%",
            data: ["苏州","常州","无锡","上海"]
        },
        color:['#006699', '#00CC33','#000','#006600'],
        series: [{
            name:'注册用户数量的渠道分布',
            type:'pie',
            radius: ['30%', '55%'],
            roseType : true,
            data: [{
                value: 10,//here is the num of area
                name: '苏州'
            },{
                value: 20,//here is the num of area
                name: '常州'
            },{
                value: 30,//here is the num of area
                name: '无锡'
            },{
                value: 40,//here is the num of area
                name: '上海'
            }],
        }],
        backgroundColor:{color:"rgb(255,255,255)"}
    };
    // 使用刚指定的配置项和数据显示图表。
    app.setOption(option);

</script>