Quanto tempo você acha que levará para criar um gráfico como esse em uma página da web?
Demora muito tempo, se você não é particularmente qualificado em JavaScript.
Mas a boa notícia é que, se você usar a estrutura HighCharts, mais de dez linhas de código poderão permitir que você gere gráficos tão eficazes na página.
Obviamente, suas funções são muito mais do que essas, como vários gráficos, impressão, exportação e análise comparativa.
Ele não pode ser usado apenas para análise de gráficos de sites, mas também as coisas feitas com isso quando houver algum resumo e a demonstração deve ser atraente. Você pode abandonar completamente o ppt.
Então se apresse e aprenda a usá -lo! ! !
Aqui está uma cúpula simples:
1. Em Highcharts, os atributos são separados por vírgulas
2. Use {} em um atributo grande, preencha o atributo específico em {}
3. Além dos dados, outros atributos geralmente são usados. "Inclua
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><body><div> </div><script> $(function () { $(".chart").highcharts({ //Specify the chart where the class is chart:{ type:'line' //The type of the chart, and column, etc.}, title:{ text:'Dome01' //The title of the chart}, xAxis:{ categories:['A','B','C','D'] //The grouping of x coordinates}, yaxis: {title: {text: 'alguns' // o título de y coordenadas}}, série: [{name: 'zhangsan', // o nome dos dados: [2,3,5,3] // dados específicos}, {name: 'lisi', dados: [3,5,1,3],}, {name: 'Data', Data: [3,5,1,3],}, {name: 'Data', [3,5,1,3],}, {name: 'Data: [3,5,1,3],}, {Nome:' Data: [3,5,1,3],}, {Nome: 'Data: [3,5,1,3],}, {name:', [3,5,1,1,3],}, {name: ', dados: });Não importa se você não consegue entender agora. Você pode tentar no seu navegador. Atualizarei os artigos relacionados a HighCharts no futuro. Amigos interessados podem continuar apoiando o wulin.com.