Código de implementação do iChart.js para desenhar linhas pontilhadas e efeitos de linhas pontilhadas de divisão média
var dados = new Array (); Dados [0] = {Rótulos: ["Unidade 1", "Unidade 2", "Unidade 3", "Unidade 4", "Unidade 5"], DataSets: [{Nome: 'Taxa de Excelência', cor: '#1dbcfe', unit_width: 4, valor: [80,75,92,0], "), unit), unith), unith), 1, 1, 1dbcfe ', unith_width: 4, Value: [80,92,92,0]}]}]}] 3 "," unidade 4 "," unidade 5 "], conjuntos de dados: [{nome: 'taxa de excelência', cor: '#1dbcfe', line_width: 4, valor: [50,11,62,77,90]}]} dados [2] = {(rótulos: [" ["1", "unidade 2", "" 'Taxa de excelência', cor: '#1dbcfe', line_width: 4, valor: [80,51,32,44,80]}]} var _bodywidth = $ ('corpo'). Largura ()-16; $ ('. Item'). cada (função (i) {var _id = $ (this) .find ('. Antecedentes_color: '#fafafa', animação: true, // abertura de animação de transição animação_duration: 600, // 600ms concluídos sub_option: {smoking: true, hollow: false, hollow_inside: false, ponto_size: 16, ouvintes: {parsetext: função (r, t). Etiqueta: {fontsize: 24, cor: '#333'},}, coordenada: {width: _bodywidth*1.6, válida_width: _bodywidth*1.4, altura: _bodywidth*1.6*.5, listrado_factor: 0.18, axis: {cor: '###########################################' aa: '. scale:[{ position:'left', start_scale:0, end_scale:100, scale_space:20, scale_size:2, scale_enable : false, label : {color:'#999',fontsize:24}, scale_color:'#999' },{ position:'bottom', label : {color:'#999',fontsize:24}, scale_enable : FALSO, Rótulos: Dados [i] .labels}]}}); $ .ECH (dados [i] .Datasets [0] .Value, function (i, val) {_total+= val;}); coo.getScale ('esquerda'), h = coo.Height, h = (avg - s.start) * h / s.distance, y = Chart.y+h - h; Chart.Target.Textalign ('Start') .TextBaseline (Middle ') .TextFont (' 500 20px Verdana ') .FillText (' Taxa de vitória média '+AVG+'%', x+W-100,O código acima é um exemplo de JS para desenhar vários gráficos de linha e um método de desenhar uma linha pontilhada média dentro de cada gráfico de linha.
Ichart.js é um ícone muito bom desenhando JS. A desvantagem é que, no lado móvel, você precisa definir o dobro do tamanho primeiro e depois restringi-lo manualmente ao intervalo normal com CSS e JS para mantê-lo em alta definição na tela.
Existem exemplos de desenhar linhas médias no site oficial, mas não há linhas pontilhadas. Geralmente, para não ficar confundido, as linhas médias são desenhadas usando linhas pontilhadas. Aqui, eu apenas lotei para desenhar a linha direta n-end, que é uma solução alternativa. Se houver uma maneira melhor, deixe uma mensagem. Obrigado.
O código acima para desenhar linhas pontilhadas e linhas pontilhadas igualmente divididas em Ichart.js é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.