js三元图的画法图标是圆点

   <div id="Plot" style="width:80%; margin-left:14%; height: calc(100% - 80px);"></div>

    var data = {
        title: ['甲苯', '乙苯', '苯'],
        data: [{
            name: '工业过程/溶剂使用',
            mode: 'markers',
            a: [0.1, 0.2, 0.4, 0.6, 0.8],
            b: [0.6, 0.3, 0.4, 0.2, 0.1],
            c: [0.3, 0.5, 0.2, 0.2, 0.1],
        }, {
            name: '机动车排放',
            mode: 'line',
            a: [0.2, 0.1, 0.4, 0.3, 0.6],
            b: [0.1, 0.5, 0.1, 0.2, 0.3],
            c: [0.7, 0.4, 0.5, 0.5, 0.1],
        }, {
            name: '生物质/生物质燃烧/燃煤',
            mode: 'line',
            a: [0.2, 0.8, 0.7, 0.6, 0.3],
            b: [0.5, 0.1, 0.2, 0.1, 0.6],
            c: [0.3, 0.1, 0.1, 0.3, 0.1],
        }]
    };

  
    plotfun(data);

var echarColor = ["#F00","#0F0","#00F","#F5F600"];
function plotfun(data) {


    var data1 = [];
    data.data.map(function (it,index) {

        data1.push({
            type: 'scatterternary',
            mode: it.mode,
            a: it.a,
            b: it.b,
            c: it.c,
            marker: {
                symbol: 'circle',  //1是正方形 2是菱形
                color: echarColor[index],
                size: 14,
                line: {
                    dash: 'dot',
                    width: 1
                }
            }, line: {
                dash: 'dot',
                width: 2
            },
             
            name: it.name
        });
    })

  
    var layout1 = {
      
        showdrag: false,  
        showscale: false,  
            ternary: {
               
                sum: 1,
                aaxis: { title: data.title[0], min: 0.01 },
                baxis: { title: data.title[1], min: 0.01 },
                caxis: { title: data.title[2], min: 0.01 }
            },
           // title: '---'
        };

    //Plotly.newPlot('Plot', data1, layout1, { displayModeBar: false }); //不显示右上角的那些缩放等一些功能的控件,但是点上有提示。
    Plotly.newPlot('Plot', data1, layout1, { staticPlot: true }); //

    Plotly.restyle('Plot', 'showdrag', false);
    Plotly.restyle('Plot', 'showscale', false);


}





在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值