Maison développement back-end tutoriel php [有关问题]js数组和php数组的重口味关系

[有关问题]js数组和php数组的重口味关系

Jun 13, 2016 am 10:50 AM
color data name quot type

[问题]js数组和php数组的重口味关系
这两天在学习js 的图表生成.其中需要给js 传递这么一个数组.这是范例内的数组.所以现在的问题是

有没有快捷的方式通过php来生成这个数组? 还是需要根据这个数组结构自己人肉的用php来各种组合?



JScript code
<!--Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->  series:[                {                    type:"column",                    name:"阿里巴巴",                    data:[3, 2, 1, 3, 4]                },                {                    type:"column",                    name:"John",                    data:[2, 3, 5, 7, 6]                },                {                    type:"column",                    name:"Joe",                    data:[4, 3, 3, 9, 0]                },                {                    type:"spline",                    name:"Average",                    data:[3, 2.67, 3, 6.33, 3.33],                    marker:{                        lineWidth:2,                        lineColor:Highcharts.getOptions().colors[3],                        fillColor:"white"                    }                },                {                    type:"pie",                    name:"Total consumption",                    data:[                        {                            name:"Jane",                            y:13,                            color:"#4572A7" // Jane"s color                        },                        {                            name:"John",                            y:23,                            color:"#AA4643" // John"s color                        },                        {                            name:"Joe",                            y:19,                            color:"#89A54E" // Joe"s color                        }                    ],                    center:[100, 80],                    size:100,                    showInLegend:false,                    dataLabels:{                        enabled:false                    }                }            ]
Copier après la connexion


------解决方案--------------------
newnew, 你这是哪个js库的?

我觉得首先要分析下前后端需要交互哪些数据.
1. 图表要用到的数据肯定是要前后交互的;
2. 图表展示用到的渲染选项, 比如showInLegend:false这样的数据得看你的业务, 如果你的图表有一些渲染项是后台配置的, 那也需要交互
3. 即便渲染项需要后台配置, 通常也不需要暴露全部渲染项给后台, 因此需要分析出要暴露给后台配置管理的渲染项
4. 搞清楚这些后, 再来制定前后台通讯的协议, 比如可以将数据分为数据和渲染项两部分, 前端拿到之后, 自己进行业务处理.

你讲下是什么图表控件及具体业务, 可以具体给你看看
------解决方案--------------------
所有的数据都包装在 chart = new Highcharts.Chart() 参数中
单独分割出来可能会对 js 代码组装产生困难

似乎没有看到说明文档,可考虑从他提供的48个样例中抽取参数,从 Chart({ 开始,到 }); 结束,进行分析
然后写成若干个类

工作量应该不算太大

他是 js 代码级的 json 格式,而不是数据交换的 json 格式。你用 php 产生的 json 作为参数是不会有问题的
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quelles sont les utilisations du mot-clé Type dans Go ? Quelles sont les utilisations du mot-clé Type dans Go ? Sep 06, 2023 am 09:58 AM

L'utilisation du mot-clé Type dans Go inclut la définition de nouveaux alias de type ou la création de nouveaux types de structure. Introduction détaillée : 1. Alias ​​de type. Utilisez le mot-clé "type" pour créer un alias pour un type existant. Cet alias ne crée pas un nouveau type, mais fournit uniquement un nouveau nom pour le type existant. Les alias de type peuvent améliorer le code. la lisibilité du code rend le code plus clair ; 2. Type de structure Utilisez le mot-clé "type" pour créer un nouveau type de structure qui peut être utilisé pour définir des types personnalisés contenant plusieurs champs, etc.

Résoudre l'erreur de montage du disque dur mobile Ubuntu : type de système de fichiers inconnu exfat Résoudre l'erreur de montage du disque dur mobile Ubuntu : type de système de fichiers inconnu exfat Jan 05, 2024 pm 01:18 PM

Une erreur se produit lorsque Ubuntu monte un disque dur mobile : mount: unknownfilesystemtype'exfat' La méthode de traitement est la suivante : Ubuntu13.10 ou installez exfat-fuse : sudoapt-getinstallexfat-fuseUbuntu13.04 ou version antérieure sudoapt-add-repositoryppa:relan. /exfatsudoapt-getupdatesudoapt-getinstallfuse- exfatCentOS Linux montage solution d'erreur de disque USB au format exfat pour charger extfa dans CentOS

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

Quelles données se trouvent dans le dossier de données ? Quelles données se trouvent dans le dossier de données ? May 05, 2023 pm 04:30 PM

Le dossier de données contient des données du système et du programme, telles que les paramètres logiciels et les packages d'installation. Chaque dossier du dossier Données représente un type différent de dossier de stockage de données, que le fichier de données fasse référence au nom de fichier Données ou à l'extension Données nommées. , ce sont tous des fichiers de données personnalisés par le système ou le programme. Les données sont un fichier de sauvegarde pour le stockage des données. Généralement, elles peuvent être ouvertes avec meidaplayer, le bloc-notes ou Word.

Commandes de type Linux Commandes de type Linux Mar 20, 2024 pm 05:06 PM

Dans ce guide, nous en apprendrons plus sur la commande « type » sous Linux. Conditions préalables : Pour effectuer les étapes illustrées dans ce guide, vous avez besoin des composants suivants : Un système Linux correctement configuré. Découvrez comment créer une LinuxVM à des fins de test et d'apprentissage. Compréhension de base de l'interface de ligne de commande La commande Type sous Linux est différente des autres commandes spécifiques à Linux (par exemple : ls, chmod, shutdown, vi, grep, pwd, etc.). Fonction Bash affichée en tant qu'argument. Informations sur le type de commande fourni. $type En plus de Bash, d'autres shells (Zsh, Ksh, etc.) sont également livrés avec

Que faire si les données de chargement MySQL sont tronquées ? Que faire si les données de chargement MySQL sont tronquées ? Feb 16, 2023 am 10:37 AM

Solution aux données de chargement MySQL tronquées : 1. Recherchez l'instruction SQL avec des caractères tronqués ; 2. Modifiez l'instruction en "LOAD DATA LOCAL INFILE "employee.txt" INTO TABLE EMPLOYEE jeu de caractères utf8 ;".

Quelles sont les différences entre xdata et data Quelles sont les différences entre xdata et data Dec 11, 2023 am 11:30 AM

Les différences sont les suivantes : 1. xdata fait généralement référence à des variables indépendantes, tandis que data fait référence à l'ensemble des données ; 2. xdata est principalement utilisé pour créer des modèles d'analyse de données, tandis que data est utilisé pour l'analyse de données et les statistiques ; pour l'analyse de régression, l'analyse de variance, la modélisation prédictive, les données peuvent être analysées à l'aide de diverses méthodes statistiques ; 4. xdata nécessite généralement un prétraitement des données et les données peuvent contenir des données originales complètes ;

Quelles informations sont requises lors de l'enregistrement d'un compte Deepseek? Quelles informations sont requises lors de l'enregistrement d'un compte Deepseek? Mar 12, 2025 pm 02:33 PM

Informations requises: 1. Enregistrement par e-mail; 2. Enregistrement du numéro de téléphone portable; 3. Enregistrement de la plate-forme sociale tiers. Après une inscription réussie, vous devez généralement remplir certaines informations personnelles de base, comme le surnom, le sexe, l'anniversaire, etc.

See all articles