/*
 * @Author: your name
 * @Date: 2021-10-14 16:05:12
 * @LastEditTime: 2021-10-14 18:39:52
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/WeiboDetails/weiboContentTOPVolume/opt.js
 * startAngle: 180,
 */
import * as echarts from "echarts";
export default function createOpt(name='内饰', color='#306cc0', num=500) {
    return {
        tooltip: {
            backgroundColor: "#08182F",
            color: "#fff",
            borderColor: "#3373CC",
            textStyle: {
                color: "#fff", //设置文字颜色
            },
            extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;",
            formatter: function(param) {
                let value = param.data.value;
                let name = param.data.name;
                return `<span>${name}</span><br><span>声量：${value}</span>`
            }
        },
        series: [
            {
                name: name,
                type: 'gauge',
                startAngle: 180,
                endAngle: 0,
                min: 0,
                max: 800,
                splitNumber: 5,
                detail: { show: false, formatter: '{value}%' },
                axisLine: {
                    show: true,
                    lineStyle: {
                        width: 7,
                        color: [
                            [1, new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                                {
                                    offset: 0,
                                    color: "#020f1f"
                                },
                                {
                                    offset: 1,
                                    color: color
                                }
                            ])
                            ]
                        ]
                    }
                },
                axisLabel: {
                    distance: -30,
                    color: "#d8d8d8",
                },
                splitLine: {
                    distance: -6,
                    length: 12,
                    lineStyle: {
                      color: '#d8d8d8',
                      width: 2
                    }
                  },
                // 刻度线
                axisTick: {
                    show: true,
                    length: 15,
                    lineStyle: {
                        color: "auto",
                        width: 5
                    }
                },
                data: [{ value: num, name: name, title: {show: true, color: color,fontWeight: 'bold'},itemStyle:{color: color}}],
            }
        ]
    };
}